色名検索ツール

カラーコードやカラーピッカーから、最も近い色名(英語のCSSカラー名と日本の伝統色)を検索します。色名から値を逆引きすることもできます。

最終更新: 2026/10/16 デザイン ご要望・不具合報告はこちら
色を入力
サンプル:

使い方

1

色を入力する

HEXコード(#FF5733)やRGB値(rgb(255,87,51))を入力するか、カラーピッカーで色を選びます。

2

近い色名を確認

入力と同時に、最も近い英語のCSSカラー名と日本の伝統色、さらに近似候補が一覧表示されます。

3

コードをコピー

気に入った色のHEX・RGB値をワンクリックでコピー。色名を入力すれば値の逆引きもできます。

色名検索ツールとは

カラーコードから「この色は何色と呼ぶのか」を調べられるWebツールです。入力した色に最も近い英語のCSSカラー名(147色)と日本の伝統色を、色差(ΔE)の小さい順に提示します。色名辞書はツール内に内蔵されており、すべての処理はブラウザ内で完結。色のコードはサーバーに送信されません。

機能・特徴

  • CSS名+伝統色を同時検索英語のCSSカラー名と日本の伝統色の両方から、最も近い色名を提示します。
  • 近似候補を複数表示Lab色空間の色差(ΔE)で並べ替え、惜しい候補もまとめて確認できます。
  • 色名から逆引き「茜色」「skyblue」など色名を入力すると、そのHEX・RGB値を表示します。
  • 完全ブラウザ内処理色名辞書は内蔵。入力した色はサーバーに送信されず、安心して使えます。

活用シーン

  • デザインカンプの色を「何色」と呼ぶか調べる
  • 伝統色の名前から正確なカラーコードを取得する
  • CSSで使えるカラーネームに近い色を探す
  • 配色資料・パレットの色名ラベル付け
  • 和風デザインで使う伝統色のコード確認

よくある質問

色名検索は無料で使えますか?
はい、完全無料でご利用いただけます。会員登録やインストールは不要で、ブラウザを開くだけですぐにお使いいただけます。
どんな色名に対応していますか?
英語のCSSカラー名(CSS Color仕様の147色)と、茜色・浅葱色・瑠璃色などの日本の伝統色(約90色)に対応しています。
「最も近い色名」はどう判定していますか?
入力した色とすべての色名をLab色空間に変換し、人間の知覚に近い色差(ΔE)を計算して、差が最も小さいものを最も近い色名として表示しています。
色名からカラーコードを調べることはできますか?
はい、入力欄に「茜色」や「skyblue」のように色名を入力すると、その色のHEX・RGB値を表示します。完全一致した場合は「完全一致」と表示されます。
入力した色はサーバーに送信されますか?
いいえ、色名辞書はツールに内蔵されており、すべての処理はお使いのブラウザ内で完結します。入力した色やコードがサーバーに送信されることはありません。
スマートフォンでも使えますか?
はい、スマートフォン・タブレット・PCなど、すべてのデバイスでご利用いただけます。