ホーム / カラーツール / 彩度調整
無料オンラインツール

彩度調整

単一の不透明色の彩度を-100から+100で調整。HEX、RGB、HSV、HSL対応。例:#FF0000を-100で#808080に. 処理はブラウザ内でローカルに行われます。

使ってみる

彩度調整の機能

このツールは、写真ではなく単一の不透明色の彩度を調整します。RGBを整数のHSLに変換し、彩度に調整値を加算(パーセントポイント)して0〜100にクランプし、RGBに戻します。彩度をパーセントで乗算するわけではなく、HSVの彩度アルゴリズムでもありません。

具体的な例

例えば、#FF0000(赤)に-100を適用すると#808080(グレー)になります。また、#808080に+100を適用すると#FF0000になります。これは、無彩色の入力に色相0と丸められた明度50が割り当てられるためです。グレーに彩度を加えても元の色は復元できません。

操作の詳細

調整スライダーは-100から+100の範囲で、デフォルトは+20です。結果パネルでは手動で色を変更できます。「クリア」ボタンで基本色と+20の調整に戻ります。処理はブラウザ内で完結し、ファイルのアップロードや画像エクスポートの機能はありません。

注意点

HSL値の丸めにより、調整値が0でもRGBがわずかに変化することがあります。また、このツールはアクセシビリティのコントラストチェッカーではありません。

チェックリスト

  • 入力色は単一の不透明色である
  • 調整値は-100から+100の範囲である
  • 結果は明示的に生成する
  • 結果は手動で変更可能
  • 処理はブラウザ内で行われる

よくある質問

Q1: 彩度を-100にするとどうなりますか?

彩度を-100にすると、色はグレースケールになります。例えば、#FF0000は#808080になります。

Q2: グレーに彩度を加えると元の色に戻せますか?

いいえ、戻せません。グレーは色相情報を持たないため、彩度を加えても特定の色相にはなりません。例として、#808080に+100を適用すると#FF0000になりますが、これは元の色が赤だったという情報がないためです。

Q3: 結果の色を手動で変更できますか?

はい、結果パネルで色を直接編集できます。これにより、計算結果を上書きできます。

処理はブラウザ内でローカルに行われます。