图片与设计工具

调色板命名器

为调色板添加实用标签,明确区分精确 CSS 标准色名、最近匹配和生成的描述。全部处理在浏览器中完成。

优先本地处理无需注册隐私说明 ↗

输入 1–100 种颜色,每行一种或以分号分隔。支持 #RGB、#RRGGBB、rgb(0, 128, 255)、rgb(0 50% 100%) 及全部 148 个 CSS 标准色名。仅支持不透明颜色。

全部处理在本浏览器中完成。匹配使用 CIE Lab(D65)中的 CIE76 ΔE;近似色名和重复阈值为 ΔE ≤ 5。这是启发式规则,并非通用感知保证。描述按 HSL 分组生成,不是官方色名。WCAG 2 对比度仅针对不透明 sRGB 纯色与白/黑色:4.5:1 为 AA 普通文字,3:1 为 AA 大字,不代表页面无障碍通过。

使用步骤

如何使用

  1. 输入 1–100 种不透明颜色,每行一种或以分号分隔。
  2. 生成名称并查看最近 CSS 色名、ΔE76 距离、重复警告及对比度。
  3. 选择 CSS 变量或 JSON,然后复制或下载。

标准名称和生成描述

固定色表遵循 W3C CSS Color 4,包含 rebeccapurple 和 gray/grey 等别名,精确别名一起显示。最近匹配使用 D65 白点 CIE Lab 中的欧几里得 CIE76 ΔE,ΔE ≤ 5 视为接近。更远的颜色按 HSL 色相、明度和饱和度分组描述;这不是官方名称或感知保证。

不透明 sRGB 和输入限制

支持 #RGB、#RRGGBB、三个数字或百分比通道的 rgb() 及 CSS 标准色名。RGB 必须在范围内并四舍五入为 8 位 sRGB。不支持透明度、transparent、currentColor、系统颜色和其他色彩空间。任一无效项会阻止导出,最多 100 色。

重复、对比度和导出

两两比较 Lab,ΔE76 ≤ 5 提示近似重复,包括完全重复。WCAG 2 对比度仅比较纯白和纯黑:AA 普通文字需 4.5:1,大字需 3:1,不代表整页合格。CSS 导出含唯一编号变量和原始规范 HEX;JSON 包含匹配、描述、对比度和重复详情。无上传或网络服务。

常见问题

你可能还想知道

命名会改变颜色吗?

不会。两种导出都保留规范化的原始 8 位 sRGB;最近标准色仅作参考。

生成的名称是 CSS 关键词吗?

不是。只有 148 个标准名称是关键词。描述标签不可直接作为 CSS 色值,请使用导出的 HEX。

为何一个颜色有多个 CSS 名称?

标准包含 aqua/cyan、gray/grey 等别名;精确和最近距离相同的名称会一起列出。