Elysia Tools
导航
Design
把任意十六进制颜色解析成最接近的 CSS 命名色，给出真实 CIEDE2000 ΔE 距离，并浏览它所属的整个色族。
详情
基于 CSS Color Module Level 4 完整关键字表（148 个关键字、139 个不同颜色，gray/grey、aqua/cyan、fuchsia/magenta 别名合并展示）。距离采用 CIEDE2000 公式（Sharma/Wu/Dalal 2005 版本，含 180° 色相环绕特例），经 sRGB → 线性 RGB → XYZ(D65) → CIELab 计算；经典 name-that-color 网站用的纯 RGB 欧氏距离会把深蓝、近黑排名排得很差——切换度量即可看到排名变化。色族视图用 HSL 阈值把 139 色分为 12 个设计师色族（白/灰/黑/棕/红/橙/黄/绿/青/蓝/紫/粉品红），“CSS 里有哪些棕色”一次查询即得。ΔE 经验值：<1 无法分辨，1–2 勉强可辨，2–10 一眼可见，≥50 相反色。
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
CSS 颜色名称解析器可将任意十六进制颜色代码或已知颜色名称快速匹配为最接近的标准 CSS 命名色。工具基于 CSS Color Module Level 4 规范收录的 139 种独立色彩，并利用精准的 CIEDE2000 色差公式（支持 CIE94、CIE76 及传统 RGB 欧氏距离切换）计算 ΔE 距离，同时支持按 12 个设计角色族快速分类浏览。
背景
正在重构旧样式表，需要将一批十六进制硬编码颜色替换为语义化的标准 CSS 颜色名。
问题
确认输入的十六进制色值 #f4a460 是否存在完全匹配的 CSS 颜色关键字。
如何使用
在颜色输入框填入 #f4a460，度量选择 ciede2000，模式选择 nearest 并提交。
{
"color": "#f4a460",
"metric": "ciede2000",
"mode": "nearest",
"matchCount": 8
}结果
工具显示精确命中 sandybrown（ΔE = 0），并列出后续与该色最接近的候选颜色排名。
背景
正在为新项目定义配色方案，需要找到与品牌主色 #8842d4 视觉最协调的 CSS 命名色集合。
问题
需要查看与该紫色接近的所有标准 Web 颜色及其色差，以便进行调色板命名。
如何使用
输入 #8842d4，距离度量选择 ciede2000，结果模式选择 family 浏览色族。
{
"color": "#8842d4",
"metric": "ciede2000",
"mode": "family",
"matchCount": 8
}结果
列出紫色色族（purple-violet）的 16 个标准颜色，并指出最接近的命名色为 blueviolet（ΔE00 为 3.68）。
ΔE 表示人眼感知两种色彩差异的数值度量，通常 <1 无法分辨，1–2 勉强可辨，2–10 一眼可见，≥50 为相反色。
CIEDE2000 考虑了人眼对不同色相与饱和度的非线性感知灵敏度，能避免 RGB 距离在深蓝与近中性色上的排序失真。
CSS 标准中包含别名，如 gray/grey、aqua/cyan、fuchsia/magenta 指向完全相同的颜色值，工具已自动合并展示。
色族模式通过 HSL 阈值将所有 CSS 颜色分为白、灰、黑、棕、红等 12 个色族，便于快速查看同类所有命名色及距离。
支持标准的 Hex 格式颜色代码（如 #f4a460）以及标准 CSS 颜色名称（如 sandybrown）。