16進コードから色の名前を調べる

やりたいこと

CSSの命名色は148色。デザイントークンもドキュメントもaltテキストも、「#fa8072」より「salmon」のほうが読みやすいです。任意の入力に最も近い命名色と、その近さを出します。

照合と逆引き

16進色（#あり・なし、3桁・6桁）を入れると距離順に近い命名色が出ます。「rebeccapurple」のような名前を入れると16進とRGB値が出ます。

• 距離0は命名色と完全一致。値が大きいほど近似的です。
• 重み付き距離は緑と赤を重視する、目の感じ方に合わせた近似です。

具体例

#f2a154は「sandybrown」（実在のCSS名）に小さい距離で一致します。トークン名として使える近さです。

対応範囲

148個のCSS命名色との照合だけです。Pantone・塗料ブランド・Tailwindパレットは対象外。入力は16進のみでHSL・OKLCHは解析しません。「最近似」は知覚の近似である重み付きRGB距離で、カラーマネジメントの計測ではありません。