カラーネーム検索 — 最も近い色名
HEXやRGBを入力すると、最も近い色名と近い候補を表示。すべてブラウザ内で動作します。
🔒 すべてあなたのブラウザ内で動作します。入出力データはサーバに送信・保存されないため安全です。
色名またはHEXをクリックでコピー。
このツールについて
このカラーネーム検索ツールは、HEXやRGBの値から最も近い色名を割り出し、比較用に近い候補もいくつか表示します。色を入力または貼り付けると、色名リストの中から最も近いものを検索します。色を言葉で説明したり、デザイントークンに名前を付けたり、スクリーンショットから拾ったHEXコードに分かりやすい名前を見つけたりするのに便利です。照合はすべてブラウザ内で行われます。
よくある質問
最も近い色名はどうやって見つけるのですか?
入力した色と、色名リストの各色との距離を測り、数学的に最も近いものを返します。当て推量ではなく数値で比較するため、非常によく似た2色でも、境界の両側に分かれると別の名前になることがあります。
結果がぴったりの名前ではなく「最も近い色」なのはなぜですか?
色は数百万通り存在しますが、広く知られた色名は数百から千ほどしかないため、ほとんどの正確なHEX値には固有の公式な名前がありません。そこで最も近い既知の色を探します。候補も併せて表示するのはこのためで、文脈に最もなじむ名前が必ずしも一番近い色とは限らないからです。
色をサーバーに送らずに使えますか?
はい。色名リストも照合処理もブラウザ内で動作するため、調べた色がアップロードされることはなく、オフラインでも使えます。
色名の一覧はどこから来ているのですか?
CSSの名前付き色(すべてのブラウザが解釈する約140個のキーワード)を基にしています。tealやsalmonのような一般的なものから、rebeccapurpleのような特殊なものまで含まれます。これらが有用なのは曖昧さがないためで、CSSでgoldと書けばどのブラウザでも正確に#FFD700になります。ただしこの一覧は設計されたパレットではなく歴史的な経緯で決まったもので、緑系の名前が多く茶系が少ないなど、カバー範囲には偏りがあります。
「近さ」はRGBの距離ですか、それとも見た目の差ですか?
単純なRGB距離は3チャンネルを同等に扱いますが、これは視覚と一致しません。人間の目は青より緑にはるかに敏感なため、RGB距離が同じ2組でも、片方は明らかに違って見え、もう片方はほぼ同じに見えます。CIELABのような知覚的色空間は「距離が等しければ見た目の差も等しい」ように設計されており、そこで比較すると、単に算術的に最も近い色ではなく感覚的に納得できる色名が得られます。提示された名前が違和感なら、ご自身の目を信じてください。名前付きの色は数が少なく、最も近くてもなお遠いことがあります。