颜色格式转换
HEX / RGB / HSL / HSV / CMYK 五种格式互转,实时预览色块,一键复制。
什么是颜色格式?
同一种颜色可以用不同的颜色空间(格式)描述,常见的有五种:HEX(十六进制色值,如 #FF0000,CSS 中最常用)、RGB(红绿蓝三通道 0-255,显示器的基础颜色模型)、HSL(色相 0-360°、饱和度、亮度,最符合人的颜色直觉)、HSV(色相、饱和度、明度,常用于图像处理与取色器)、CMYK(青、品红、黄、黑四色,印刷行业标准)。
在不同场景需要切换格式:写 CSS 用 HEX 或 RGB,做 UI 调色用 HSL 更直观,设计印刷物料要转成 CMYK,从取色器复制出来可能是 HSV。本工具内置标准颜色空间换算公式,输入任意一种格式即可得到其余四种,并实时渲染色块预览。所有换算都在浏览器本地完成,不依赖任何外部库或网络请求。
使用步骤
- 在输入框粘贴或输入任意格式的颜色值(HEX、RGB、HSL、HSV、CMYK 均可);
- 点击「转换颜色」,下方实时显示色块预览;
- 结果区输出其余四种格式的换算结果;
- 点击「复制」按钮复制全部结果,或单独选中某一行复制。
常见问题
支持哪些颜色格式?
支持 HEX(#RRGGBB)、RGB、HSL、HSV、CMYK 五种常见格式互转,输入任意一种即可得到其余四种,也可识别 #RGB 简写。
转换结果为什么有微小误差?
不同颜色空间之间的换算基于浮点公式,输出时会四舍五入取整,因此反向转换可能出现 ±1 的差异,这是颜色换算的正常现象。
支持带透明度的颜色吗?
支持解析 #RRGGBBAA 以及 rgb()/hsl() 带 alpha 的写法,转换时按不透明颜色处理,alpha 值不参与格式换算,输出结果均为不透明颜色。
实时预览的色块准确吗?
色块由浏览器根据计算结果直接渲染,与输出的色值一致;实际观感会受显示器色域与校色设置影响,请以色值为准。