一、颜色格式说明

在 CSS 中，颜色无处不在，它可以作为文字、背景、阴影、表格、边框、链接等属性。我们在 CSS 中使用的大多数颜色都是 Hex 和 RGB，其实表示颜色的方式有很多：

• Hex：十六进制颜色值，使用 0-9 和 A-F 表示，如 #409EFF。最常用的颜色表示方式，简洁直观。
• RGB：红-绿-蓝三通道，每个通道 0-255。如 rgb(64, 158, 255)。适合需要单独控制通道的场景。
• HSL：色调-饱和度-亮度，基于色轮的角度表示。如 hsl(217, 100%, 63%)。最直观的调色方式，适合设计配色方案。
• HSV：色调-饱和度-明度，与 HSL 类似但明度计算方式不同。常用于图像处理软件中的颜色选择器。
• HWB：色调-白度-黑度，CSS Color Level 4 新增格式。通过混合白和黑来描述颜色，更接近人类直觉。
• LAB：亮度-a轴-b轴，基于人类视觉感知设计。色彩空间最广，常用于专业设计和印刷领域。
• LCH：亮度-色度-色调，LAB 的极坐标形式。色度值无上限，能表示比 RGB 更丰富的颜色。
• CMYK：青-品红-黄-黑，打印机使用的颜色模型。屏幕显示用 RGB，打印输出用 CMYK，两者转换会有色差。

二、适用场景

• 前端开发中需要将设计稿的 Hex 颜色转换为 RGB 或 HSL 格式
• 调整颜色亮度或饱和度时，使用 HSL 格式更直观
• 打印设计需要将 RGB 颜色转换为 CMYK 格式
• 无障碍设计需要计算颜色对比度，确保可读性
• 品牌设计需要在不同格式间保持颜色一致性

三、常见问题

1. 为什么不同格式转换后看起来颜色不一样？
RGB 和 CMYK 的色彩空间不同，RGB 可以表示一些 CMYK 无法呈现的鲜艳颜色（特别是亮蓝和亮绿），转换时这些颜色会被映射到最接近的可打印颜色。

2. HSL 和 HSV 有什么区别？
HSL 的亮度为 100% 时是纯白色，而 HSV 的明度为 100% 时是最鲜艳的颜色。在 Photoshop 等软件中，颜色选择器通常使用 HSV 模型。

3. 数据安全
本工具所有颜色转换均在浏览器本地完成，不会上传任何数据。您可以放心使用。