🎨 颜色转换器

什么是颜色转换工具？

颜色转换工具用于在不同颜色模型之间相互换算。设计、前端开发与印刷排版中，同一个颜色常常需要在 HEX（十六进制）、RGB、HSL、HSV、CMYK 等不同表示方式之间切换——例如网页 CSS 样式偏好 HEX 与 RGB，设计师取色习惯用 HSV，而印刷输出则必须使用 CMYK。本工具以 16 进制颜色值为入口，一次转换即可同时得到 RGB、HSL、HSV、CMYK 四种格式的完整结果，并内置可视化取色器，支持面板点色、系统取色与屏幕取色，所见即所得。

常见颜色模型介绍

• HEX（16进制颜色）：以 #RRGGBB 形式表示，每两位一组对应红、绿、蓝分量（00-FF），是网页开发中最常用的颜色写法，支持 #RGB 三位缩写。
• RGB（红绿蓝）：加法色光模型，每个分量为 0-255 之间的整数，如 rgb(102, 126, 234)，广泛用于屏幕显示与 CSS。
• HSL（色相、饱和度、亮度）：符合人类直觉的圆柱坐标模型，色相以角度（0-360°）表示，饱和度和亮度以百分比表示，便于直观调整颜色的明暗与浓淡。
• HSV（色相、饱和度、明度）：与 HSL 相近但以明度而非亮度描述明暗，是传统取色器（如 Photoshop）中主流的颜色调节模型。
• CMYK（青、品红、黄、黑）：减法油墨模型，四分量以百分比表示，是印刷出版与喷墨打印的行业标准颜色格式。

颜色格式转换原理

HEX 颜色可先解析为对应的 RGB 分量（16 进制数转换为十进制 0-255），随后通过标准色空间公式换算到其它模型：RGB 到 HSL/HSV 的转换基于最大、最小分量的差值确定色相与饱和度，亮度或明度则由分量极值决定；RGB 到 CMYK 采用补色换算，黑色通道 K 取三个分量中的最小值，其余分量按去黑比例折算。全部换算在浏览器本地实时完成，无需上传任何数据。

应用场景

• 前端开发中把设计稿的 HEX 颜色转换为 CSS 的 rgb() / hsl() 写法
• 设计师从取色器取色后快速获取印刷所需的 CMYK 参数
• 图表、数据可视化场景中在 HSL/HSV 下调整颜色的透明度与明暗
• 将 HEX 颜色值批量转换为 RGBA、HSL 等格式，方便二次使用与分享