色名検索
HEXコードを入力するか色を選ぶと、見た目の似ている色名を、目に映る近さの順に表示します。
最も近い色名: Venetian GlassΔE 0.51
Venetian Glass
#9cb08a ΔE 0.51 差Easy Green
#9fb289 ΔE 0.98 差Soap Green
#a0b28e ΔE 1.33 差Cardoon
#9aae8c ΔE 1.53 差Haven
#a3b48c ΔE 1.67 差Basilisk
#9ab38d ΔE 1.94 差Easygoing Green
#98b389 ΔE 2.27 差Huntington Garden
#96a782 ΔE 2.33 差
ΔEは二つの色の知覚上の差です。数値が小さいほど似て見えます。
- 1未満：目の違いは分かりません。
- 1〜2：よく見ると分かります。
- 5より大きい：明らかに別の色です。
色名検索でできること
色を入力するか選ぶと、固定の索引から最も近い名前つきの色を返します。それぞれに、入力した色との知覚上の差が付きます。いちばん近い名前はその一覧にある実在の色で、その場で作った呼び名ではありません。
32,521の名前の出どころ
索引には32,521の名前つきの色があり、三つのオープンな情報源から集めています。
- CSSの色キーワード：CSS仕様が定める名前つきの色で、tomato や rebeccapurple などがあります。
- xkcdの色調査：無作為な色に名前を付けるよう求められた何千人もの読者が答えた名前で、"dusty teal" から "puke brown" まであります。
- color-name-listプロジェクト：MITライセンスで、さらに多くの情報源から名前を集めたコレクションです。
別表記や第二の名前を持つ色もあります。そうした別名は色と一緒に保存していますが、ここでは主な名前だけを表示します。
いちばん近い名前の選び方
色は、人の目の見え方に近づけるために作られたCIELAB空間で比較し、二つの差はCIEDE2000という式で測ります。この式は、色相・明度・彩度によって知覚がどう変わるかを考慮します。一覧はその数値の小さい順に並びます。
二つの色をHEXコードの引き算で比べることはありません。HEXは数値の保存形式にすぎず、距離として扱うとほとんどすべての組み合わせで間違えます。たとえば #000000 と #0000ff は文字としては隣り合っていますが、色としてはまったく似ていません。
よくある質問
色名はどのようにして探すのですか？
入力した色と索引にあるすべての名前つきの色との知覚上の距離（ΔE、CIEDE2000）を測り、小さいものから表示します。最初の結果がいちばん近い名前です。
いちばん近い名前が自分の色とまったく同じでないのはなぜですか？
索引が固定の色の集まりだからです。自分の色が32,521件のいずれかでない限り、それを正確に表す名前はありません。ΔEはその名前がどれだけ離れているかを示し、1未満なら違いは目に見えません。
ΔEの数値は何を意味しますか？
ΔEは二つの色の知覚上の差です。1未満はほとんどの人には見えず、1〜2はよく見ると分かり、5より大きいと明らかに別の色です。
色の名前はどこから来ているのですか？
CSSの色キーワード、xkcdの色調査、MITライセンスのcolor-name-listプロジェクトから集め、32,521件の索引にまとめてCIEDE2000で照合しています。