命名颜色查找器

为任意颜色找到最接近的 CSS 命名颜色和最近的 Tailwind 色阶——感知匹配，提供可直接复制的色值。

你的颜色

#3B82F6

最近 CSS 颜色

—

差异: —

最近 Tailwind 色阶

—

差异: —

输入或选择任意颜色，即时查看最接近的 CSS 命名颜色和 Tailwind 色阶——在浏览器中感知匹配。

关于命名颜色查找器

颜色命名查找器回答一个简单的问题:这个颜色叫什么名字?输入或选择任意颜色,它会立即返回最接近的 CSS 命名颜色——来自浏览器都能识别的标准列表,例如 "steelblue" 或 "coral"——以及最接近的 Tailwind 调色板色阶,例如 "sky-600"。

匹配采用感知式而非纯数值方式,因此建议的名称在视觉上确实接近你输入的颜色,而不仅仅是在原始 RGB 数值上接近。差异指示器会告诉你匹配是精确、非常接近还是仅为近似,让你清楚为了一个好记的名字牺牲了多少精确度。

查找完全在你的浏览器中运行,每个结果都带有复制按钮。它对于写出更易读的 CSS、将任意品牌色对齐到 Tailwind 色阶,或者单纯想知道从照片中选取的某个颜色叫什么名字,都很实用。

是的。匹配过程在你的浏览器中本地进行,针对内置的颜色列表计算,因此查找免费、即时且不限次数。

CSS 定义了大约 148 个命名颜色(147 个唯一值,因为有些是别名,例如 gray/grey),从 "red" 这样的基础色到 "papayawhip" 这样的冷门条目都有。所有浏览器都能识别它们,这个工具会为你输入的任意颜色找到最接近的一个。

该工具使用感知色彩距离度量,而非简单的 RGB 比较,因此建议的名称能反映人眼实际看到的相似程度——这对柔和色调和近灰色尤为重要。

Tailwind 默认调色板中最接近的色阶,以熟悉的"色相+数字"格式命名,例如 "emerald-500"。它有助于将任意设计颜色对齐到 Tailwind 的色阶,让你的工具类保持一致。

你输入的颜色与命名颜色完全相同——你可以用该名称替代 HEX 值而不产生任何视觉变化。较低的等级("非常接近"、"接近"、"近似")则表示存在逐渐增大、但通常难以察觉的差异。