输入或调整任意颜色值，颜色块与 HEX/RGB/HSL/HSV/CMYK 将同步更新。
颜色在不同场景中会采用不同的表示方式，网页开发通常使用 HEX 或 RGB，而视觉设计更偏好 HSL 与 HSV 的直观调节方式。
HEX 本质上是 RGB 的十六进制表达，便于在 CSS 与前端样式中直接使用；RGB 更适合与像素或图像处理逻辑配合。
HSL/HSV 将颜色拆分为色相、饱和度与亮度/明度，有利于快速做色调拉伸、配色梯度与主题色衍生。
CMYK 是印刷行业标准，适合做屏幕色与印刷色之间的对照，尤其在平面设计与品牌物料输出时不可或缺。
| 格式类型 | 示例 | 使用场景 |
|---|---|---|
| HEX | #FF5733 | 网页设计、CSS样式 |
| RGB | rgb(255, 87, 51) | 屏幕显示、Photoshop |
| HSL | hsl(11, 100%, 60%) | 色彩调整（色相/饱和度） |
| CMYK | cmyk(0%, 66%, 80%, 0%) | 印刷、平面设计 |
| HSV | hsv(11°, 80%, 100%) | 图像处理、OpenCV |
在设计、开发与印刷之间切换时，使用统一的颜色转换器能显著减少色差与格式误用带来的返工。
HEX 与 RGB 是同源表示方式，只是进制不同；HSL、HSV、CMYK 是基于感知或印刷模型重构的描述方法，数值区间和含义不一样，因此看起来差异明显，但指向的颜色是同一色域结果。
不同颜色模型的计算会涉及取整、色域映射与非线性转换，尤其是 CMYK 与 RGB 之间互转时会发生精度损失，属于正常现象，通常对设计与开发不会造成影响。
当你需要调节色相、饱和度或明度并构建色阶时，HSL/HSV 更直观，例如生成品牌色梯度、统一 UI 视觉风格、调整图片的色彩氛围等场景。
印刷设备以青、品红、黄、黑墨水叠加成色，与屏幕的 RGB 发光模型完全不同，提前查看 CMYK 有助于控制印刷色偏，减少最终成品与屏幕效果的差异。
网页与 CSS 更常使用 HEX，因为简洁易用；需要精确控制通道或做像素级处理时，RGB 更直观。
HSL 使用亮度（Lightness），HSV 使用明度/亮度（Value）。两者对同一颜色的亮暗分配不同，适合不同的调色与视觉均衡场景。
RGB、HSL、HSV、CMYK 都有明确的数学范围，超出范围会产生无效颜色。限制范围可以避免错误值导致的色彩跳变。
工具会对格式与长度进行校验，防止在输入过程中产生错误颜色，保证输出始终可用。
不会，所有计算都在浏览器本地完成，颜色值不会被上传。
CMYK 转换属于通用近似，实际印刷仍依赖具体 ICC 配置与纸张。建议在专业印刷流程中做软打样校色。
HEX、RGB、HSL、HSV、CMYK 实时互转与预览，适合设计与开发。
扫码在手机上继续使用。