無料色と明るさを調整
明るさ・コントラスト・彩度・色温度・シャドウ・ハイライト・グレースケール・セピア・ぼかしをライブプレビューで調整。スライダー 9 本、すべてブラウザー内で処理します。
ファイルを選択すると、ここにプレビューが表示されます。
知っておきたいこと
このツールにはスライダーが 9 本とプレビューが 1 つあります。明るさとコントラストは 20～180%（100 が基準）、彩度は 0～200、グレースケールとセピアは 0～100、ぼかしは 0～12px、色温度・シャドウ・ハイライトは 0 を中心に -100～100 です。操作から 120 ミリ秒後にプレビューが更新され、元画像ボタンを押し続けると加工前の画像と比較できます。
スライダーはすべて同じ仕組みではありません。明るさ・コントラスト・彩度・グレースケール・セピア・ぼかしはブラウザーのフィルターをこの順に適用し、色温度・シャドウ・ハイライトは全画素をもう一度走査する第 2 段階です。色温度は値の 0.42 倍を赤に加え青から引くため、+50 なら赤 +21、青 -21 になります。
シャドウとハイライトは各画素の輝度で重み付けされます。シャドウはスライダー値 x 0.72 x (1 - L) の 2 乗を加えます（L は 0～1 の明るさ）。そのため L = 0.2 の暗い画素に +50 を設定すると全チャンネルが約 23 上がり、明るい画素はほとんど動きません。ハイライトは L の 2 乗を使うので、明るい側にだけ作用します。
結果は元の形式を品質 0.92 で維持し、AVIF や SVG は PNG になります。露出不足の写真の救済、オレンジがかった室内写真の色味を冷やす、スキャンをグレースケールに統一する、背景に使うテクスチャを柔らかくする、といった作業に向いています。
作業別ツール 7
関連ツール 13
無料色と明るさを調整の使い方
- 写真を追加し、明るさを 115 までドラッグしてプレビューが変わることを確認します。
- シャドウを +40 に上げ、明るい部分は動かさずに暗部だけを持ち上げます。
- オレンジっぽければ色温度を -20 にし、元画像ボタンで比較します。
- 「調整を適用」を押し、調整後のコピーをダウンロードします。
よくある質問
明るさとシャドウは何が違いますか。
明るさはすべての画素に同じ倍率を掛けるため、明部が先に飛びます。シャドウは主に暗い画素へ光を足すので、明るい部分はほぼ元のまま残ります。
ぼかしはどんな効果で、どれくらい強くできますか。
画像全体に 0～12px のぼかしをかけます。画像の画素基準なので、同じ値でも小さい画像のほうが強く見えます。
グレースケールやセピアを 100 にすると色は完全に消えますか。
書き出したコピーでは消えます。結果に焼き込まれるためです。元ファイルは変わらず、適用前は元画像ボタンで確認できます。
同じ設定で複数の画像を調整できますか。
キューには最大 12 枚入れられますが、各画像はそのとき表示されている設定で処理されます。スライダーを合わせて適用し、次の画像に進んでください。