无需登录 数据私有 本地保存

颜色名称查找工具 - HEX与命名颜色互转

22
0
0
0
#
输入3位或6位十六进制值
精确匹配
Dodger Blue
HEX #1E90FF
RGB rgb(30, 144, 255)
HSL hsl(210°, 100%, 56%)
命名颜色 Dodger Blue
颜色名称库
共 0 种颜色
常见问题
什么是HEX颜色值？

HEX颜色值是一种用十六进制表示颜色的方式，格式为#RRGGBB，其中RR、GG、BB分别代表红、绿、蓝通道的值（00到FF）。例如#FF0000表示纯红色。也可以使用3位简写形式如#F00。

CSS中有多少种命名颜色？

W3C标准中定义了140+种CSS命名颜色，包括16种基础HTML颜色（如red、blue、green等）和X11扩展颜色（如DodgerBlue、Tomato、Coral等）。现代浏览器均支持这些命名颜色。

如何将HEX转换为颜色名称？

在HEX输入框中输入十六进制颜色值（如1E90FF），工具会自动查找精确匹配的命名颜色。如果没有精确匹配，会通过颜色距离算法找到最接近的命名颜色，并显示相似度百分比。

颜色名称和HEX值有什么区别？

颜色名称（如"Tomato"）更直观易读，适合快速原型开发；HEX值（如#FF6347）则更精确，支持1670万种颜色，而命名颜色只有约140种。在正式项目中推荐使用HEX或RGB以获得精确的颜色控制。

什么是RGB和HSL？

RGB（红绿蓝）是加色模型，通过三个通道的值（0-255）混合出颜色。HSL（色相-饱和度-亮度）更符合人类感知，色相用角度表示（0-360°），饱和度和亮度用百分比表示。本工具同时显示这两种格式方便转换。

相似度是如何计算的？

工具使用加权RGB欧几里得距离算法，考虑人眼对不同颜色的敏感度（对绿色最敏感，蓝色次之），在RGB空间中计算输入颜色与所有命名颜色之间的距离，距离越小相似度越高。

支持哪些颜色格式输入？

支持6位HEX（如1E90FF）、3位简写HEX（如F00会自动扩展为FF0000）、带或不带#前缀均可。同时支持直接输入颜色名称（如sky blue）进行反向查找。

🔧 相关工具