色名検索

HEXコードはあるのに、何と呼ぶのかわからない？ このツールは、入力した色を2つの名前リスト、つまりHTMLとCSSで使える148のCSS色名と、20万人以上が色を自分の言葉で名づけたxkcd色調査の949の名前と比べ、知覚上の差（CIEDE2000）が最も小さい名前を返します。「名前 → 色」に切り替えると、「dusty rose」や「teal」などの名前から色のコードを調べられます。

使い方

1. 色を入力または貼り付けます：HEX、rgb()、hsl()、そのほかのCSSの色表記が使えます。
2. CSS色名、xkcd色名、両方のうちどれを検索するかを選びます。
3. 最も近い名前とそのΔE2000を確認します。小さいほど近い色です。
4. または「名前 → 色」を選び、名前を入力してHEXとRGBを取得します。

計算式

最も近い名前 = 入力した色とのΔE₀₀（CIEDE2000）が最小の項目。どちらもsRGBからCIELAB（D50）に変換して比べます

ΔE₀₀が約1未満なら多くの人には違いが見えず、2〜3は小さいけれど見える差、10を超えると色がはっきり違います。gray/greyの綴りと、重複するペアのaqua/cyan、fuchsia/magentaは1回だけ表示します。

計算例

#3B7DD8を検索すると、CSS色名ではsteelblue #4682B4がΔE2000 5.24で見つかります。近いですが、はっきり違いが見えます。xkcdの名前ではclear blue #247AFDが2.86とずっと近くなります。#FF6347のように完全に一致するキーワードは、ΔE2000が0の「tomato #FF6347」として返ります。逆引きで「tomato」を探すと、CSSの色#FF6347が最初、xkcd調査のtomato #EF4026が2番目に出ます。調査の参加者はより深い赤を選びました。