本文へスキップ
Aa

カラー名検索(日本の伝統色対応)

CSS色名・日本の伝統色から最も近い名前を検索。名前から色を探す逆引きにも対応。

CSS完全一致
red
#ff0000
red完全一致
#ff0000 · Δ0.0000
orangered
#ff4500 · Δ0.0503
crimson
#dc143c · Δ0.0772
緋色(ひいろ)
#d93949 · Δ0.0804
紅(くれない)
#d7003a · Δ0.0895
tomato
#ff6347 · Δ0.0931
朱色(しゅいろ)
#eb6101 · Δ0.0958
柿色(かきいろ)
#ed6d3d · Δ0.1100

近似度は知覚的な色差(OKLab距離)で計算しています。完全一致以外はあくまで最も近い名前であり、見え方は元の色と厳密には異なります。

カラー名検索(日本の伝統色対応)について

カラー名検索とは、HEXやRGBに近い色の名前を探すツールです。toco.toolsでは2つの命名体系を扱います。ひとつはCSSの148色名(redやcornflowerblueなど)、もうひとつが茜色・藍色・山吹色といった日本の伝統色です。伝統色は69色を収録し、それぞれ漢字表記・ひらがなの読み・ローマ字表記を併記しています。「茜色 カラーコード」「藍色 RGB」のように色名から検索する人は多く、国際的な色名ツールはこの領域をほとんどカバーしていません。toco.toolsはそこを埋めることを目的にしています。 色を入力すると、CSSと伝統色を横断して(またはどちらかに絞って)最も近い名前をOKLab色空間での知覚距離でランキング表示します。完全一致のときだけ「完全一致」バッジが付き、それ以外は候補の中で最も近いというだけで、実際の色味とは微妙に異なります。逆に「名前から色を探す」モードでは、漢字(藍)・読み(あかね)・英語(azure)のいずれで検索しても該当する色がヒットします。 距離が近いというのはあくまで数値上の指標であり、伝統色の正確な歴史的定義や染料による揺らぎまでは再現できません。正式な色指定が必要な場面では、原典や公式カラーガイドを確認してください。

使い方

  1. 「色から名前」で色コードを入力、または「名前から色」で漢字・読み・英語を入力
  2. 対象(すべて/CSS/日本の伝統色)を切り替えて絞り込み
  3. 名前やHEXをコピー

よくある質問(FAQ)

カラー名検索とは何ですか?

入力色に最も近いCSS色名や日本の伝統色名を提示する、また逆に名前から色を検索できるツールです。

日本の伝統色はどのくらい収録されていますか?

茜色・藍色・山吹色など69色を収録しています。それぞれ漢字表記・ひらがなの読み・ローマ字表記付きです。

「完全一致」でない場合、その名前は正確ですか?

いいえ。完全一致バッジがない場合は「最も近い候補」であり、見た目は元の色と微妙に異なります。色は知覚的な近さ(OKLab距離)でランキングしているため、単純なRGB差よりは自然な順位ですが、厳密な一致を意味しません。

名前から色を検索するにはどうすればいいですか?

「名前から色」モードに切り替え、漢字(例: 藍)、ひらがなの読み(例: あかね)、英語(例: azure)のいずれかを入力してください。部分一致で検索します。

入力したデータは外部に送信されますか?

いいえ。すべての処理はブラウザ内で完結し、toco.toolsのサーバーへ送信されません。