本文目录
为什么查找颜色名称很重要
在数字设计中，颜色通常以十六进制码、RGB 值或 HSL 值来表示。这些数字表示虽然精确，对大多数人来说却毫无意义。像“珊瑚色（Coral）”或“钢蓝色（Steel Blue）”这样的颜色名称能瞬间传达含义，让设计讨论、文档编写和代码评审更加高效。
CSS 支持 148 种可直接在样式表中使用的具名颜色。为给定的十六进制码找到最接近的具名颜色，有助于开发者编写更易读的 CSS，改进无障碍文档，也让设计系统的令牌（token）更易于理解。颜色名称还能改善设计师与开发者之间的沟通，因为他们未必都习惯以十六进制码思考。
颜色名称匹配的原理
颜色名称查找器的工作方式是：计算输入颜色与参考调色板中每一种具名颜色之间的距离，并返回最接近的那个作为结果。
- RGB 距离——最简单的方法是在 RGB 颜色空间中计算欧氏距离，把 R、G、B 视为三维坐标
- 加权 RGB——通过对各通道赋予不同权重来调整距离计算。人眼对绿色更敏感，因此绿色的差异被赋予更高的权重
- Delta E（CIE76/CIE2000）——将颜色转换到 CIELAB 颜色空间，该空间的设计目标是在感知上保持均匀。Delta E 为 1.0 代表人眼能够察觉的最小颜色差异
免费试用 —— 无需注册
查找颜色名称 →CSS 具名颜色参考
CSS 定义了 148 种可在所有现代浏览器中使用的具名颜色。这些名称可用于任何接受颜色值的地方，包括 background-color、color、border-color 和 box-shadow 等属性。
- 基础颜色——16 种最初的 HTML 颜色：黑、白、红、绿、蓝、黄、青、品红，以及自 HTML 3.2 起定义的其他 8 种
- 扩展颜色——CSS3 新增的 132 个名称，从“AliceBlue”到“YellowGreen”，最初源自 X11 颜色列表
- 特殊值——“transparent”（完全透明）和“currentColor”（继承自 color 属性）也是有效的 CSS 颜色关键字
常见问题
颜色名称匹配有多准确？
准确度取决于匹配算法和参考调色板。在 148 种 CSS 具名颜色中，最接近的匹配结果可能仍与输入颜色有明显差异。对于需要精确颜色的设计工作，请直接使用十六进制或 RGB 值。颜色名称最适合用于近似表达、文档编写和人际沟通。
感知颜色距离和数学颜色距离有什么区别？
数学距离（RGB 欧氏距离）将颜色空间视为均匀的，但人的视觉对颜色差异的感知并不均匀。我们对绿色更敏感，对蓝色则较不敏感。像 Delta E（CIE2000）这样的感知距离方法，通过转换到感知均匀的颜色空间来兼顾这些差异，从而得出更符合人眼感受的结果。
我可以使用 Pantone 颜色名称吗？
Pantone 颜色是一套专有系统，拥有数千种具名颜色，主要用于印刷。它不属于 CSS 或网页标准。在 Pantone 与十六进制颜色之间转换只能是近似的，因为 Pantone 颜色是针对特定油墨配方和纸张而定义的，并非用于屏幕显示。像 Pantone Color Finder 这样的授权工具可以给出近似的数字等效颜色。