UD5工具箱
什么是HSL色彩空间？
HSL代表色相（Hue）、饱和度（Saturation）和亮度（Lightness），是一种更符合人类感知的颜色模型。色相H用角度表示（0度到360度），0度为红色，120度为绿色，240度为蓝色。饱和度S表示颜色的纯度，0%为灰色，100%为最鲜艳。亮度L表示明暗程度，0%为纯黑色，100%为纯白色，50%为正常亮度。HSL比RGB更直观，特别适合需要系统性调整颜色的场景。
什么是HSV/HSB色彩空间？
HSV代表色相（Hue）、饱和度（Saturation）和明度（Value），也称为HSB（Brightness）。与HSL类似，H同样是色相角（0度到360度）。但V明度表示的是颜色的最大分量值，0%为纯黑，100%为最亮（但不一定是白色，取决于饱和度）。HSV模型更接近画家调色的思维方式，从纯色开始，加入白色或黑色来调整。Photoshop等设计软件通常使用HSB模式。
HSL和HSV的核心区别是什么？
两者的主要区别在于对亮度/明度的定义不同：HSL的L（亮度）：0%为黑，50%为纯色，100%为白。在L=50%时颜色最鲜艳。HSV的V（明度）：0%为黑，100%为最亮状态。在S=100%且V=100%时颜色最鲜艳。因此，HSL中纯白色是L=100%（无论S多少），而HSV中纯白色是S=0%且V=100%。两者在色相H的定义上完全一致。
如何将HSL转换为HEX？
转换过程：HSL -> RGB -> HEX。首先根据HSL公式计算出RGB三个通道的值（每个通道0-255），然后将每个通道值转换为两位十六进制数，拼接得到6位HEX码。例如hsl(210, 55%, 57%) -> RGB(74, 144, 217) -> #4A90D9。本工具可实时完成此转换，你只需调整HSL参数，HEX值会自动更新。
如何将HSV转换为HEX？
转换过程：HSV -> RGB -> HEX。首先根据HSV公式（基于六等分色相环）计算出RGB三个通道的值，然后转换为十六进制。例如hsv(210, 66%, 85%) -> RGB(74, 144, 217) -> #4A90D9。注意相同的颜色在HSL和HSV中的S值通常不同。本工具会同时显示HSL和HSV的结果，方便你比较。
为什么HSL比RGB更直观？
RGB通过红绿蓝三原色的混合来描述颜色，但对人脑来说不够直观，例如减少红色并增加蓝色会得到什么颜色难以预判。而HSL使用色相-饱和度-亮度的维度，与人类感知颜色的方式一致：先确定是什么颜色（色相），再确定有多鲜艳（饱和度），最后确定有多亮（亮度）。这使得设计师可以更轻松地调整颜色。
HEX颜色码的格式规范是什么？
HEX颜色码以#开头，后接6位十六进制数字（0-9, A-F），每两位分别代表红、绿、蓝通道的强度。例如#FF0000表示纯红色（R=255, G=0, B=0）。也支持3位简写形式（如#F00等同于#FF0000），浏览器会自动扩展。字母不区分大小写，所以#ff0000和#FF0000是相同的。本工具接受带或不带#前缀的输入。
色彩空间转换有哪些实际应用？
色彩空间转换广泛应用于：网页设计与前端开发（CSS支持HEX、RGB、HSL格式）、图像处理软件（Photoshop使用HSB进行颜色调整）、数据可视化（HSL便于生成和谐的颜色序列）、计算机视觉与图像分析、UI/UX设计中的色彩系统构建、打印机色彩管理（涉及CMYK等其他空间）。掌握色彩转换能让开发者更灵活地处理颜色需求。
工具会保存我的颜色数据吗？
不会。本工具采用纯前端架构，所有颜色转换计算完全在你的浏览器本地执行，不会将任何数据发送到服务器。工具页面加载完成后甚至可以离线使用。我们严格遵守数据安全原则，不收集、不存储、不分享任何用户数据，真正实现用完即走的理念。
3位和6位HEX有什么区别？
3位HEX是6位的简写形式。例如#F00等同于#FF0000，每位重复一次。具体来说，3位中的第一位代表红色通道的高位和低位（FF），第二位代表绿色通道（00），第三位代表蓝色通道（00）。6位HEX提供更精确的颜色控制，可以表示16777216种颜色（256*256*256）。本工具支持两种格式的输入和输出。
如何创建同色系的配色方案？
使用HSL色彩空间可以轻松创建同色系配色：保持色相（H）不变，只调整饱和度（S）和亮度（L）。例如，将亮度从30%调整到70%，可以得到从深到浅的蓝色系列。这种方法保证了所有颜色在视觉上属于同一色系，非常适合创建渐变、阴影效果或需要统一风格的设计。你可以在工具中固定H值，然后尝试不同的S和L组合。
HSV和HSB是同一个概念吗？
是的，HSV和HSB是同一个色彩空间的不同名称。HSV代表Hue（色相）、Saturation（饱和度）、Value（明度），而HSB代表Hue（色相）、Saturation（饱和度）、Brightness（亮度）。V和B都表示颜色的明暗程度，定义完全相同。不同软件和领域可能使用不同的名称，但它们指的是同一个数学模型。本工具使用HSV作为标签，但显示的数值同样适用于HSB。
为什么我调整HSL时HSV也变了？
这是正常现象。当你调整HSL的任一参数时，颜色本身发生了变化，因此在HSV空间中表示这个新颜色的数值自然也会改变。工具的双面板设计就是为了让你直观地看到：同一个颜色在两种色彩空间中是如何表示的。例如，增加HSL的L值会使颜色变亮，这在HSV中表现为V值增加、S值可能变化。这种实时同步有助于理解两种空间的关系。