色名検索ツール
カラーコードやカラーピッカーから、最も近い色名(英語のCSSカラー名と日本の伝統色)を検索します。色名から値を逆引きすることもできます。
色を入力
サンプル:
完全一致
HEX
#000000
RGB
rgb(0, 0, 0)
最も近い英語名
—
最も近い伝統色
—
英語のCSSカラー名(近似順)
日本の伝統色(近似順)
使い方
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など、すべてのデバイスでご利用いただけます。