HTMLカラーコード・色名一覧

CSSには aliceblue から yellowgreen まで148個の色名が定義されていて、HTML・CSS・SVGの色を指定する場所ならどこでもそのまま使えます。このページでは、すべての色名のHEX、RGB、HSLコードを色系統別に一覧できるほか、任意のコードも調べられます。色名を入力すると各値が分かり、HEXや rgb() のコードを入力すると色名があるかどうか、なければいちばん近い色名が何かが分かります。

使い方

1. 調べる色に色名またはコードを入力します（空欄でも構いません）。
2. 色の系統を選ぶか、「148色すべて」のままにします。
3. 絞り込みで一覧を減らします。色名の一部（「sea」）やHEXコードの一部（「ff」）を入力します。
4. 系統・名前・色相・明るさのいずれかで並べ替え、表からコードをコピーするか、カラーチャートをダウンロードします。

計算式

いちばん近い色名 ＝ 調べた色とのCIEDE2000色差 ΔE₀₀ が最小の色名です。比較は、CSS Color 4と同じくsRGBからCIELAB（D50）に変換して行います。

ΔE₀₀ が約1未満だと見分けがつきにくく、2〜3だと小さいながら見える差です。gray/grey の表記は対になる名前と同じ値なので、検索の対象から外しています。

計算例

tomato を調べると #FF6347、rgb(255, 99, 71)、hsl(9.1, 100%, 63.9%) が表示されます。オレンジ系で、その上に載せる文字は黒なら7.12:1、白だと2.94:1にとどまります。#FF6348（青み方向に1段階）を調べると「tomato #FF6347 — いちばん近い色、ΔE2000 0.24」と表示されます。