CSS Color Finder | senmyou's blog

RGB/HSL

Full S/L

CSS

S/L Map

Comparison

Sample Text

Peripheral

Δ10

Palette

RGB/HSL: 各値は相互にリンクしています。Full S/LボタンはS(彩度)とL（明度）を最大に設定します。色付きボタンはH（色相）のみ設定します。
CSS: CSS形式のテキストを表示します。また、テキストを入力して色を設定できます。右のボタンを押すとクリップボードにテキストをコピーします。
S/L Map: 横軸はS（彩度）、縦軸はL（明度）です。Lは中央（50％）が最大で、値が大きくなると白っぽくなり、小さくなると黒っぽくなります。
Comparison: 色を比較するためのボックスを配置しています。上段のボックスは現在の選択色、下段のボックスはパレットの色になります。下段のボックスをダブルクリックするとパレットの色が設定されます。
Peripheral: 選択色の周辺５ポイントを表示します（中央：現在の選択色）。Δ値は各ポイント間の差分です。パレットにドラッグ＆ドロップして、色を一時保管することができます。
Palette: 色の保管場所です。Peripheralからドラッグ＆ドロップできます。パレット内ではドラッグ＆ドロップで色を移動できます。パレットの色をクリックするとComparisonの下段ボックスに反映されます。不要な色はごみ箱にドラッグ＆ドロップして削除できます。ボタンは左から順に、パレットの保存・再読み込み・クリアになります。これらはブラウザのローカルストレージを使用します。