颜色名称查找器

支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA、整数 rgb()/rgba() 以及百分比 hsl()/hsla()。

输入 HEX、RGB 或 HSL 颜色,查找最接近的标准 CSS 命名颜色。工具还会显示规范化的 HEX、RGB、HSL 和 CIELAB 值以及 CIEDE2000 色差。所有计算都在浏览器中完成。在分步模式下,输入的颜色会出现在页面 URL 中,并随页面请求发送到服务器;颜色匹配计算仍只在浏览器中运行。

如何查找 CSS 颜色名称

  1. 1

    输入颜色

    使用文本框或颜色选择器。支持严格的 HEX、整数 RGB 和百分比 HSL 格式。

  2. 2

    验证并转换

    工具验证数值,并转换为采用 D65 白点的 sRGB、HSL 和 CIELAB。

  3. 3

    比较 CSS 名称

    CIEDE2000 将不透明 RGB 颜色与全部标准 CSS 命名颜色比较。

  4. 4

    查看或复制

    比较两个色块,查看各项数值并复制结果。

如何理解结果

CSS 规定了一组固定的命名颜色,例如 tomatocornflowerbluerebeccapurple。如果输入颜色不是其中的精确值,工具会返回最接近的名称及其规范 HEX。aquacyan 这类 RGB 相同的别名会同时显示。

比较过程把 sRGB 转换为采用 D65 白点的 CIELAB,然后应用 CIEDE2000。结果为 0 表示 RGB 完全一致。支持短版和长版 HEX、整数 rgb()/rgba() 以及百分比 hsl()/hsla()

Alpha 会保留在八位 HEX 中,但不会参与名称匹配。本工具不查询 Pantone、涂料、蜡笔或社区词典,也不从图片取色。评估无障碍时,请另行检查 WCAG 对比度。

常见问题

仅当 CIEDE2000 色差为 0 时才是精确匹配,否则是最接近的标准 CSS 命名颜色。

CSS 包含 RGB 值相同的别名,例如 aqua 和 cyan。并列结果会同时显示。

不会。Alpha 会保留在规范化 HEX 中,但不参与比较。

不能。请使用对比度检查器,按照 WCAG 阈值测试文字色和背景色。

相关工具