UD5工具箱
什么是HEX颜色值？
HEX颜色值是一种以十六进制数字表示颜色的方法，格式为#号后跟6位十六进制字符。前两位代表红色分量（00-FF），中间两位代表绿色分量（00-FF），最后两位代表蓝色分量（00-FF）。例如 #FF5733 表示红色分量为255（FF）、绿色分量为87（53）、蓝色分量为51（33）的橙红色。当两位十六进制数字相同时，如 #AABBCC，可以简写为 #ABC，浏览器会自动展开为 #AABBCC。
CSS中共定义了多少个命名颜色？
CSS规范（包括CSS基本颜色类型Level 4）中一共定义了148个命名颜色。其中包括17个基本颜色（如red、green、blue、white、black等）和131个扩展颜色（如tomato、cornflowerblue、mediumspringgreen等）。这148个命名颜色涵盖了从最常见的基础色到较为特殊的专有色，能够满足大部分日常开发需求。所有命名颜色不区分大小写，即Red、RED和red效果完全相同。
如何将HEX值转换为颜色名称？
转换过程基于颜色相似度计算。工具接收您的HEX输入后，会将其转换为RGB颜色空间，然后与全部148个CSS命名颜色逐一进行色差比较。我们使用CIE Delta E 2000算法，这是一种考虑了人眼视觉感知特性的色差计算方式。计算完成后，工具会返回Delta E值最小（即视觉差异最小）的命名颜色作为最佳匹配结果，并显示相似度百分比。请注意，并非所有HEX值都有精确对应的命名颜色，当色差较大时，结果仅表示最近似而非完全相同的颜色。
颜色名称和HEX值有什么区别？
颜色名称是CSS规范预定义的具有可读性英文名称的颜色表示方式，优点是代码可读性强、易于记忆；缺点是只有148个，无法表示所有颜色。HEX值则是通过十六进制数字精确定义任意颜色，可以表示约1677万种颜色，精确度极高但可读性较差。在实际开发中，命名颜色适合用于常见颜色的快速编写，而HEX值则用于需要精确色彩控制的场景，如品牌色、渐变色等。两者在CSS中的使用方式相同，可互相替换。
RGB和HSL颜色模型有什么区别？
RGB模型基于红绿蓝三原色的叠加来表示颜色，三个通道的值分别代表对应颜色的强度，适合硬件显示和颜色混合计算。HSL模型基于人类对颜色的感知方式，用色相（Hue）表示颜色种类、饱和度（Saturation）表示颜色纯度、亮度（Lightness）表示明暗程度，更符合人类直觉。在需要微调颜色深浅时，HSL比RGB更加方便，例如只需调整Lightness值即可获得同色系不同深浅的颜色。两种模型表示的是同一种颜色，可以相互转换，不会产生颜色信息丢失。
工具的颜色相似度是如何计算的？
工具采用CIE Delta E 2000算法进行颜色相似度计算。该算法首先将RGB颜色转换到CIE Lab颜色空间，然后综合考虑明度差、色度差和色相差三个维度，并加入修正权重以模拟人眼的实际感知特性。Delta E值低于1时，人眼几乎无法分辨差异；1到2之间差异微弱；2到3.5之间开始可察觉；3.5以上差异明显。工具将Delta E值转换为百分比形式展示相似度，帮助您直观判断匹配结果的准确程度。相比简单的欧氏距离计算，该算法的结果更加符合人眼的实际感受。
工具支持哪些输入格式？
本工具支持以下颜色输入格式：HEX格式（如 #FF5733 或简写 #F53）、RGB格式（如 rgb(255, 87, 51)）、RGBA格式（如 rgba(255, 87, 51, 0.5)）、HSL格式（如 hsl(11, 100%, 60%)）、HSLA格式（如 hsl(11, 100%, 60%, 0.8)）、纯颜色名称（如 tomato、blue）。输入时不需要严格区分大小写，空格和括号的格式也具有一定的容错性。对于不规范的输入，工具会尝试自动修正并给出提示。此外，您还可以直接在颜色浏览面板中点击颜色来查看详情，无需手动输入。