颜色 / 名称

颜色名称查找器:将十六进制或RGB转换为最接近的CSS颜色名称

输入十六进制、RGB或CSS颜色,从148种CSS颜色名称中查找最接近的颜色。工具会按CIELAB感知色差排序,并提供色块和每个名称对应的十六进制值供比较。

颜色名称查找器:将十六进制或RGB转换为最接近的CSS颜色名称: 工具会将输入颜色和每种CSS颜色名称转换到CIELAB颜色空间,在其中,距离反映颜色看起来有多大差异。结果会按颜色差异ΔE列出最接近的名称:低于约2.3时,大多数人无法看出差异。例如,#3a7bd5最接近cornflowerblue。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用
颜色名称查找器本地处理

完全在浏览器中运行

最接近的CSS名称cornflowerblueΔE 10.7:仅大致相似
#3a7bd5你的颜色
cornflowerblue#6495ed · ΔE 10.7
dodgerblue#1e90ff · ΔE 13.5
royalblue#4169e1 · ΔE 21.4
steelblue#4682b4 · ΔE 24.4
mediumpurple#9370db · ΔE 27.4
slateblue#6a5acd · ΔE 27.6

该颜色会与CIELAB色彩空间中的全部148个CSS命名颜色进行比较。CIELAB色彩空间经过设计,使相同距离看起来大致具有相同的差异。当大多数人无法看出差异时,距离ΔE通常低于2.3。在样式表中,可以使用任意CSS名称替代其十六进制代码,例如color: steelblue。

名称的由来

大多数CSS颜色名称源自20世纪80年代X11窗口系统的颜色列表,这就是为什么会有papayawhip和lightgoldenrodyellow这样的名称。rebeccapurple(#663399)于2014年添加,用于纪念Rebecca Meyer。

转换颜色

要将颜色转换为HSL、RGB或其他表示法,请使用颜色转换器。

使用方法

  1. 输入十六进制、rgb()或颜色名称。
  2. 查看最接近的颜色名称及其接近程度。
  3. 比较色块,并复制所需的名称。

隐私与限制

所有操作都在你的浏览器中运行。

相关工具

常见问题

为什么使用CSS名称?

CSS名称是一组标准且广为认可的颜色名称,可以直接用于样式表,从aliceblue到yellowgreen均可使用。

ΔE是什么意思?

它表示CIELAB中两种颜色之间的距离。并排比较时,约1是大多数人能注意到的最小差异;超过10时,两种颜色会明显不同。

为什么没有同时显示grey和gray?

它们是同一种颜色的两种拼写方式;工具会在每对名称中列出其中一个。

免费工具·使用在浏览器中次·无需账户