画像をここにドロップ
クリックして選択 · または貼り付け (Ctrl/Cmd + V)
ブラウザ内で処理 · アップロードなし
写真やイラストの「明るさ(輝度)」を手がかりに、暗い部分・中間の部分・明るい部分へそれぞれ別の色を割り当てて、画像全体の色味を一気に作り替えるツールです。Photoshop やクリップスタジオ(クリスタ)、アイビスペイント、Procreate にある「グラデーションマップ」と同じ考え方で、暗部の色・明部の色(必要なら中間色も)を選ぶだけで、デュオトーン(2色)/3色のシネマティックなカラーグレーディングや、レトロ・サイバーパンク・セピア風の加工ができます。仕組みは、各ピクセルの輝度(L = 0.299×R + 0.587×G + 0.114×B)を 0〜1 に正規化し、その値に応じて選んだグラデーション上の色へ置き換えます。「中間色を使う(3色)」をオフにすると暗部→明部の 2色グラデーション、オンにすると暗部→中間→明部の 3色になります。「強さ」を下げると元の画像と適用後をなじませて自然な色被せ(カラーオーバーレイ)になり、100% で完全なグラデーションマップになります。「明暗を反転」を入れると明るい所と暗い所の色が入れ替わります。色を変えるたびに読み込み直さず即プレビューされ、結果は透明部分(アルファ)を保ったまま PNG で保存できます。漫画・イラストの仕上げ、サムネイルやポスターのトーン統一、UI/背景のデュオトーン素材づくりなどに使えます。専用ソフトをインストールしたりサイトにアップロードしたりせず、読み込み・変換・保存まですべてブラウザ内(端末内)で完結します。あなたの画像はどこにも送信されません。
使い方
- 加工したい画像(PNG/JPG)をドロップ(またはクリックで選択・Ctrl/Cmd+V で貼り付け)します。
- 「暗部の色」「明部の色」を選び、必要なら「中間色を使う(3色)」をオンにして中間色も指定します。「強さ」で元画像とのなじませ具合を、「明暗を反転」で色の割り当てを調整します。
- プレビューを見ながら好みの色味にして、「PNG を保存」で透明部分を保ったまま書き出します。
よくある質問
画像はサーバーにアップロードされますか?
いいえ。読み込み・グラデーションマップの適用・保存はすべてブラウザ内で行われ、画像はどこにもアップロード・保存・送信されません。あなたの端末内だけで処理されます。
Photoshop やクリスタのグラデーションマップと同じですか?
考え方は同じです。画像の明るさ(輝度)を手がかりに、暗部・中間・明部へ選んだ色を割り当てます。本ツールは 2色/3色のシンプルなグラデーションに対応し、ソフトを入れずブラウザだけで使えるのが違いです。複雑な多段グラデーションが必要な場合は専用ソフトが向きます。
「強さ」は何を変えますか?
適用後のグラデーションマップを元画像にどれだけ被せるかです。100% で完全に色が置き換わり、下げるほど元の色が残って自然なカラーオーバーレイ(色被せ)になります。
透明(PNG のアルファ)は保たれますか?
はい。色(RGB)だけを変換し、透明度(アルファ)はそのまま維持して PNG で書き出します。背景が透明な素材もそのまま使えます。
2色(デュオトーン)と3色はどう使い分けますか?
2色は暗部→明部のシンプルなデュオトーンで、引き締まった統一感が出ます。3色は暗部→中間→明部で、夕焼けやシネマティックなど中間トーンに色を足したいときに向きます。「中間色を使う(3色)」のオン/オフで切り替えます。