画像の色調補正をするWEBアプリ
アップロードした画像に対して、色相・彩度・明度を -180〜180、透明度を 0〜100 の範囲で補正する。
ゲームUIの作成に便利そうなので作った。
1. 1枚でテスト
画像を選択してください。
0
0
0
100
1. オリジナル画像
2. 色調補正後
2. まとめて変換・ダウンロード
ドラッグ&ドロップで複数画像をアップロードし、同じ補正値で一括変換してダウンロードできる。
接尾辞に _a を入れると、test.png -> test_a.png のように保存される。
画像をドラッグして追加してください（複数可）。
ここに画像をドラッグ&ドロップ
0
0
0
100
3. 仕組み
- Canvas 2D で画像ピクセルを取得
- 各ピクセルを RGB -> HSL 変換
- 色相・彩度・明度を・透明度を補正
- HSL -> RGB 変換
- Canvas 2D に戻す
- バイナリデータにしてダウンロード
JavaScriptで作成
全部ブラウザ上で動くので安心
