颜色转换器

颜色转换器用于在不同颜色模型之间进行互相转换，并实时预览颜色变化。

• 支持 HEX、RGB、HSL、HSV、CMYK 等多种颜色格式
• 所有颜色计算在浏览器本地完成，无需上传数据
• 可用于前端开发、UI 设计、配色分析等场景

当你修改任意一种颜色格式时，系统会自动进行联动更新：

• 输入的颜色会先解析为 RGB 作为统一基准
• 然后自动同步更新 HEX、HSL、HSV 和 CMYK
• 所有格式始终表示同一个颜色，只是表达方式不同

这种设计保证了不同格式之间的一致性和实时同步能力。

当前工具支持以下颜色格式：

• HEX（十六进制颜色表示法）
• RGB / RGBA（基于光的三原色模型）
• HSL / HSLA（基于色相、饱和度、亮度的模型）
• HSV / HSVA（基于色相、饱和度、明度的模型）
• CMYK（印刷行业使用的减色模型）

HEX 是用十六进制数表示 RGB 颜色的一种方式，本质是将红、绿、蓝三通道数值压缩为字符串。

• 格式：#RRGGBB 或 #RRGGBBAA
• RR：红色通道（00–FF，对应 0–255），表示红光强度
• GG：绿色通道（00–FF，对应 0–255），表示绿光强度
• BB：蓝色通道（00–FF，对应 0–255），表示蓝光强度
• AA（可选）：透明度（00–FF，对应 0–255），表示不透明程度

示例：#3B82F6 表示 RGB(59, 130, 246)

RGB 是基于光学三原色的颜色模型，通过红、绿、蓝三种光的强度混合生成颜色。

• r（Red）：红色光强度，范围 0–255，数值越大红色越强
• g（Green）：绿色光强度，范围 0–255，数值越大绿色越强
• b（Blue）：蓝色光强度，范围 0–255，数值越大蓝色越强
• a（Alpha，可选）：透明度，范围 0–1，0 表示完全透明，1 表示完全不透明

示例：rgba(59, 130, 246, 0.5)

HSL 是更符合人类感知的颜色模型，通过色相、饱和度和亮度描述颜色。

• h（Hue 色相）：0–360°，表示颜色类型
• 0° = 红色
• 120° = 绿色
• 240° = 蓝色
• s（Saturation 饱和度）：0–100%，表示颜色纯度
• 0% = 灰色
• 100% = 最鲜艳颜色
• l（Lightness 亮度）：0–100%，表示明暗程度
• 0% = 黑色
• 100% = 白色
• a（Alpha 可选）：透明度 0–1

示例：hsl(217, 91%, 60%)

HSV（也称 HSB）是一种基于视觉亮度的颜色模型，更适合颜色选择器使用。

• h（Hue 色相）：0–360°，表示颜色类别
• s（Saturation 饱和度）：0–100%，表示颜色纯度
• v（Value 明度）：0–100%，表示颜色亮度（越高越接近纯色）
• a（Alpha 可选）：透明度 0–1

与 HSL 的区别：HSV 的 V 表示“最大颜色强度”，而 HSL 的 L 表示“平均亮度” 示例：hsv(217, 76%, 96%)

CMYK 是用于印刷行业的减色模型，通过油墨混合生成颜色。

• c（Cyan 青色）：0–100%，表示青色油墨比例
• m（Magenta 品红）：0–100%，表示品红油墨比例
• y（Yellow 黄色）：0–100%，表示黄色油墨比例
• k（Key 黑色）：0–100%，表示黑色油墨比例（用于增强对比和节省墨水）

特点说明：

• CMYK 数值越高表示油墨越多
• 适用于打印，不适用于屏幕显示

示例：cmyk(76%, 47%, 0%, 4%)

颜色转换的本质是以 RGB 作为统一中间模型，在不同颜色空间之间进行数学映射。

• 所有颜色格式（HEX / HSL / HSV / CMYK）最终都会转换为 RGB
• RGB 作为基础光学模型，用于统一计算
• 再通过数学公式从 RGB 推导回其他格式

转换流程说明：

• HEX → RGB：将十六进制拆分为红、绿、蓝通道
• HSL → RGB：通过色相（h）、饱和度（s）、亮度（l）计算光强分布
• HSV → RGB：通过色相（h）、饱和度（s）、明度（v）计算光强分布
• CMYK → RGB：通过油墨比例反推光的三原色强度

因此，无论输入哪种格式，本质上都是通过 RGB 作为中间桥梁完成统一转换的。

不会。

• 所有颜色计算与转换均在浏览器本地完成
• 不发送任何网络请求
• 不存储用户输入数据
• 可安全用于设计与开发环境