画像彩度

彩度とは？

彩度は色の強度または純度です。完全に飽和した色は鮮やかで純粋ですが、彩度を下げた色はくすんでグレーに近づきます。彩度を調整することで、色を際立たせたり、自然な見た目に抑えたり、完全に色を除去してモノクロ効果を得たりできます。彩度は HSL カラーモデルの3つの構成要素の一つで、色相と明度と並びます。

このツールは完全にブラウザ内で動作します。画像をアップロードすると、Canvas API でデコードされます。彩度スライダーをドラッグすると、ツールは生のピクセルバッファを読み取り、各ピクセルを RGB から HSL に変換し、彩度チャンネルにスライダー値を掛けて（100%=元の画像、0%=グレースケール、200%=2倍の彩度）RGB に戻します。プレビューは即座に更新され、結果は PNG としてダウンロードできます。

彩度調整の仕組み

HSL カラーモデルは彩度を色相と明度から分離するため、基になる色や明るさを変えずに色の強度を調整できます。彩度0%では各ピクセルは元の明度で決まるグレーの階調になり、グレースケール画像が生成されます。200%では色が極めて鮮やかになり、高彩度領域でクリッピングやバンディングが生じる場合があります。変換は標準的な RGB→HSL および HSL→RGB アルゴリズムを使用します。

彩度を使う場面

彩度調整は写真、デザイン、SNSで役立ちます。一般的なユースケース：

彩度と自然度の違い

彩度調整は写真、デザイン、SNSで役立ちます。一般的なユースケース：

• 写真補強。平坦な写真のくすんだ色を鮮やかにして魅力的にする。
• 自然な見た目。彩度をわずかに下げて、デジタル処理感を避けたフィルム風の美しさを得る。
• グレースケール変換。彩度を0%にしてクリーンな白黒画像を作成。
• フォーカスと強調。（マスクと組み合わせて）背景を脱彩し主体をカラーのまま保持。
• SNSグラフィック。高彩度パレットで目を引くビジュアルを作成。

画像の色の強度を制御したい時——繊細な補強から完全グレースケールまで——彩度調整が適したツールです。

彩度の調整方法

このツールで彩度を調整するのは数秒で、すべてブラウザ内で完結します——アップロード不要、登録不要、透かしなし。以下の手順に従ってください：

1. 画像をアップロード。アップロードエリアをクリックするか、JPG、PNG、WebP、GIF、BMP ファイルをドラッグ＆ドロップ。
2. 彩度を調整。スライダーを 0〜200% でドラッグ。100%が元の画像、0%で全色を除去、100%超で色を強調。プレビューはリアルタイムで更新。
3. 結果をダウンロード。「彩度画像をダウンロード」をクリックして調整済み PNG を保存。

すべてのステップが JavaScript でローカル実行されるため、画像がサーバーに送信されることはありません。ツールは完全にプライベートで高速です。