颜色转换器(HEX、RGB、HSL)
在三位或六位HEX、RGB和HSL颜色之间相互转换,并给出HSV数值和明确标注的CMYK近似值。
输入HSL时,会先四舍五入为8位RGB,再计算所有显示的等价值。HEX没有Alpha(透明度)通道。
灰色、黑色和白色没有定义的色相,它们在CSS HSL文本中按惯例用0作占位。
CMYK只是简单的代数近似,并非基于ICC配置文件的印刷转换。
| 通道 | 数值 |
|---|---|
| 红 | 51 |
| 绿 | 102 |
| 蓝 | 153 |
在网站和数字设计中常用的颜色格式之间互相转换。选择HEX、RGB或HSL作为输入格式,即可得到对应的8位sRGB数值。同时给出HSV的饱和度和明度,以及一个简单的CMYK估算值,便于理解其中的算术。
使用方法
- 选择输入格式,只有与之对应的输入框会被使用。
- 输入三位或六位的HEX代码、整数RGB通道值,或HSL数值。
- 先看规范化后的HEX和RGB结果,再复制其他表示形式。
计算公式
HSL:L = (max + min) / 2;饱和度 S = (max − min) / (1 − |2L − 1|)(当色度不为零时)
最大值和最小值是归一化到0–1的RGB分量。色相由所在的通道区间决定。输入HSL时会先四舍五入为整数通道,恰好为0.5时向上取整,所以显示的所有格式描述的都是同一个8位颜色。
示例
HEX #336699 即RGB 51, 102, 153。除以255得到0.2、0.4、0.6。亮度为40%,HSL饱和度为50%,色相为210度,HSV明度(Value)为60%。
四舍五入
数字通道是0到255的整数。以百分比输入的微小差别,可能四舍五入成同一个输出。此外,不同的显示器、配置文件和周围的颜色,也会使同一个数值的颜色看起来不同。
常见问题
为什么灰色的色相没有定义?
三个通道的值都相等,没有色彩方向。HSL文本中的0度只是CSS里惯用的占位值。
CMYK结果可以直接用于印刷吗?
不可以。它按 K = 1 − max(R, G, B) 计算,再用 1 − K 去除其余通道的差值。真正的印刷转换需要设备和纸张的配置文件,黑色另行处理。
可以输入透明度或颜色名称吗?
本工具只接受不透明的HEX、RGB和HSL。四位和八位带Alpha的HEX、CSS关键字以及广色域色彩空间不在输入范围内。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/color-converter/
引用此工具
kakaoCalc. (2026, November 8). 颜色转换器(HEX、RGB、HSL). https://kakao.mobile/zh/tools/color-converter/
“颜色转换器(HEX、RGB、HSL).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/color-converter/.