画像HSL調整
Freeブラウザ内でリアルタイムスライダーを使って画像の色相、彩度、明度を調整します。
すべてブラウザ内で動作します。画像がどこかにアップロードされることはありません。
クリックして画像を選択するか、ここにドラッグ＆ドロップしてください
最近のアクティビティ
全員に公開されています。すべての訪問者による直近20回の使用履歴を新しい順に表示します。
まだアクティビティはありません。最初の一人になりましょう。
このツールの機能
このツールは、アップロードした画像の色相、彩度、明度（HSL）をブラウザ内で直接調整します。色相スライダーを回転させてすべての色をカラーホイール上でシフトさせ、彩度をドラッグして色をより鮮やかにするか完全にグレースケールにし、明度をドラッグして画像全体を明るく・暗くします。
各スライダーを調整するとプレビューがリアルタイムで更新され、「スライダーをリセット」は3つすべてを瞬時に中立の未変更値に戻します。
解決できる問題
- 写真全体のカラーパレットをシフトする、例えば緑の風景を秋のオレンジ色に変える。
- 彩度を0%までドラッグして、カラー写真をグレースケールに変換する。
- 彩度を100%以上に上げることで、くすんで色あせた写真をより鮮やかにする。
- 本格的な写真編集ソフトを開かずに画像をすばやく明るく・暗くする。
よくある質問
›色相、彩度、明度はそれぞれ何を制御しますか？
色相はすべての色をカラーホイール上で回転させ、例えば赤い空をオレンジに、青い空を紫に変えますが、鮮やかさや明るさは変わりません。彩度は色がどれだけ鮮やかか薄いかを制御し、0%で画像は完全なグレースケールになります。明度は画像全体の明るさ・暗さを調整し、0%で画像は真っ黒になります。
›なぜ色相スライダーをドラッグすると写真のすべての色が変わるのですか？
色相はカラーホイール上のすべてのピクセルの位置に均一に適用される回転であるため、赤い物体と緑の物体は同じ度数だけシフトしますが、開始位置が異なるため異なる結果の色になります。これが、色相シフトが同じ形状と明るさのパターンを保ちながら、写真全体のカラーパレットをまったく異なるものに変えることができる理由です。
›彩度を100%以上に設定するとどうなりますか？
100%を超える彩度の値は、すでに色鮮やかなピクセルをさらに純粋で鮮やかな色へと押しやります。控えめなブーストでは意図的にパンチのある見た目になりますが、設定が高くなると不自然またはポスタライズしたように見え始めます。実際のカメラはそもそもそれほど彩度の高い色をあまり捉えないためです。
›これは明るさとコントラストの調整と同じですか？
ここでの明度はコントラストよりも明るさスケールに近く、コントラストのように中間点を中心に階調範囲を引き伸ばすことはありません。彩度や色相に影響を与えずに平坦で色あせた中間調を特に修正する必要がある場合は、ガンマ画像調整ツールがより適しています。
›表示用に画像サイズを変更すると、ダウンロードファイルの品質に影響しますか？
いいえ、画像が大きい場合、画面に収まるように視覚的に縮小表示されるだけで、HSL調整は画像本来のフル解像度で適用・エクスポートされるため、ダウンロードされるPNGはぼやけた縮小版ではありません。
コメント (0)
このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。
まだコメントはありません。最初にご意見をお寄せください!