调色板命名器
为调色板添加实用标签,明确区分精确 CSS 标准色名、最近匹配和生成的描述。全部处理在浏览器中完成。
使用步骤
如何使用
- 输入 1–100 种不透明颜色,每行一种或以分号分隔。
- 生成名称并查看最近 CSS 色名、ΔE76 距离、重复警告及对比度。
- 选择 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 等别名;精确和最近距离相同的名称会一起列出。