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（偏蓝一级）会返回“tomato #FF6347 — 最接近，ΔE2000 0.24”。