CSSの名前付き色とは？

CSS名前付き色は、ブラウザとデザインツールが名前で認識する事前定義された色キーワードのセットです。tomato、steelblue、cornflowerblue、rebeccapurpleなどの単語があります。CSS Color Level 4仕様（W3CX11カラーリストとしても知られています）で定義された147個の標準名前付き色があります。各名前は特定の16進値にマップされており、正確なRGBまたは16進値を覚えることなく、コード内で色を簡単に参照できます。

名前付き色はウェブの初期段階からHTMLとCSSの一部です。時間とともにリストは元の16色から今日認識されている完全なセットに成長しました。現代のウェブ開発における豊富な16進コードとカスタムプロパティにもかかわらず、名前付き色は可読性、迅速なプロトタイピング、教育目的のために今も人気があります。

ツール説明

Color Name Finderは、選択した任意の色（カラーピッカーまたは16進入力経由）を取得し、最も近いCSS名前付き色を識別します。選択された色が正確なCSS色である場合、完全一致を表示します。それ以外の場合は、CIEDE2000アルゴリズムを使用してすべての名前付き色への知覚的色距離を計算し、最も近いものを返します。これは一致がどの程度近いかを示す数値距離スコアとともに表示されます。

機能

  • 知覚的色マッチング — CIEDE2000色差公式を使用します。これは専門的な色科学で使用されるのと同じメトリックであり、単に最も近い16進値ではなく、視覚的に最も類似した名前付き色を見つけます。
  • 完全一致検出 — 147個の標準CSS名前付き色のいずれかを即座に認識し、ゼロ距離の完全一致を報告します。
  • ΔE距離スコア — 数値デルタE値を表示するため、最も近い名前がどの程度近いかを判断できます。2未満の値は一般的に人間の目には知覚できません。