CSS Color Level 4 全部 148 个命名颜色速查：中英名称、HEX、RGB、HSL、色相分组、相对亮度与 WCAG 对比度，支持搜索、分组筛选与排序，点击色块即可复制 HEX。
浏览器本地运行所有计算都在你的浏览器里完成，数据不会离开本机。
点击色块即可复制 HEX，并在下方看到完整信息。
这个工具能做什么
- 写 CSS 时想用颜色名而不是十六进制：搜 tomato、番茄红或 #FF6 都能命中，点一下色块就把 HEX 复制走。
- 挑文字色时按对比度排序：只看与白色对比度 ≥ 4.5 的颜色，直接从能当白底正文色的候选里选。
- 梳理配色参考：按色相分组筛出红色的 11 个颜色，或者按明度 / 色相排序，做配色方案前先有个全貌。
- 核对色值：输入 rgb(255, 99, 71) 这样的写法也能搜到对应命名色，并同时看到 HEX、RGB、HSL 与亮度信息。
示例
输出
tomato（番茄红）HEX #FF6347；RGB rgb(255, 99, 71)；HSL hsl(9.13, 100%, 63.92%)；色相分组 红；相对亮度 0.3064；与白色对比度 2.95、与黑色对比度 7.13；对比度不足 4.5，不适合做白底正文文字
表里共 148 个命名颜色，其中有 9 组拼写别名共用同一个色值（gray/grey、aqua/cyan、fuchsia/magenta 等），所以去重后是 139 个不同的十六进制值。
常见问题
为什么搜到 148 个名字却只有 139 个色值？
CSS 里有几对名字是完全同义词：gray 与 grey、aqua 与 cyan、fuchsia 与 magenta，以及 darkgray / darkslategray / dimgray 等带 grey 的拼写各有一个同色别名。它们都保留在表里方便按名字搜，但色值重复。
「适合做白底正文文字」是怎么判断的？
按 WCAG 2.x 的正文门槛：颜色与白色的对比度 ≥ 4.5:1 才算通过 AA，表里就标记为适合。像 tomato 只有 2.95，标注为不适合；大号文字门槛是 3:1。
搜索支持哪些关键词？
英文名（前缀、包含都行）、中文名（同样支持前缀与包含）、十六进制（#ff6 这样的前缀也能匹配）、以及 rgb(255, 99, 71) 这种文本；命中结果先按相关度排，再按你选的排序方式排。
点色块复制的是哪个格式？
复制的是大写六位的 HEX（如 #FF6347）。需要 RGB 或 HSL 的话在下方详情里能看到完整值，用颜色格式转换工具还能拿到 CMYK、HWB 等更多写法。
这份颜色表会联网更新吗？
不会。148 个名字是 CSS Color Module Level 4 的固定集合，数据随页面打包，离线也能查；复制和搜索都在本地完成，没有任何请求。
关键词：color namecss colornamed colorcolor tablehexrgbhslcontrast颜色名称颜色速查CSS 颜色色值表对比度
