CSSカラー名検索 — 16進数から最も近いネームドカラーを探す

CSS Color Level 4では148色のネームドカラーが定義されています。CSS 1の基本16色、CSS 2のorange、CSS 3のX11ベースの130色、そしてCSS 4でrebecca Meyerを追悼して追加されたrebeccapurpleが含まれます。なお、aquaとcyanはエイリアス（同じ16進数#00FFFF）であり、fuchsiaとmagentaも同様です（#FF00FF）。

いいえ。CSSカラー名は仕様上、大文字・小文字を区別しません。'Red'、'RED'、'red'、'rEd'はすべて同じ色を指します。慣習として、現代のCSSでは小文字が最も一般的なスタイルです。

rebeccapurple（#663399）は、CSSの第一人者Eric Meyerの娘Rebecca Alissa Meyerが2014年に6歳で脳腫瘍で亡くなったことを偲んでCSS Color Level 4に追加されました。彼女の好きな色は紫で、CSS作業グループが彼女の名前をこのカラーに付けて追悼しました。CSS 4で唯一追加された色であり、CSS 2以来初めて追加された新しいネームドカラーです。

148色のネームドカラーは歴史的なX11カラーリストに基づいてキュレーションされたセットです。一般的な色相はカバーしていますが、多くの色には名前がついていません。青緑、ピンクオレンジ、茶赤などの多くのシェードにCSSの名前はありません。精密なデザイン作業では16進数コード、rgb()、hsl()が代わりに使われます。

CSSではどちらのスペルも使用できます。'gray'は仕様の公式アメリカ英語表記ですが、'grey'（イギリス英語）も同じ色（#808080）の有効な同義語です。同様に'lightgray'/'lightgrey'、'darkgray'/'darkgrey'、'dimgray'/'dimgrey'、'slategray'/'slategrey'、'darkslategray'/'darkslategrey'はどれも有効です。

この一致には人間の目の感度によってRGBチャンネルを重み付けした知覚的距離式を使用しています。彩度の高い赤・青・緑など日常的な色のほとんどについては、最も近いネームドカラーが直感的に正しく感じられます。くすんだ色・暗い色・茶色がかった色については人間の知覚はより可変的で、「最も近い」ネームドカラーが主観的にずれに感じることもあります。表示される距離スコア（Δ）が小さいほど一致度が高いです。

はい。このツールはalt text、ドキュメント、デザインコメントに色名を記述するのに役立ちます。見ることができない読者にUI要素の色を説明する場合、最も近いCSSネームドカラーが広く認識される名前を提供します。非常に特定のシェードについては、CSSの名前に修飾語を組み合わせるとよいでしょう（例：#008080には「ダークティール」など）。

148種類の標準CSSネームドカラーはいずれも完全一致を生成します。一般的な例：red = #FF0000、blue = #0000FF、white = #FFFFFF、black = #000000、coral = #FF7F50、tomato = #FF6347、skyblue = #87CEEB。任意の16進数を入力して「完全一致」メッセージが表示されれば確認できます。