RGB 转 HEX

输入 RGB 颜色值，立即得到 HEX 十六进制代码；也可反过来修改 HEX，RGB 实时同步。

RGB 转 HEX说明

RGB 转 HEX 是前端开发的高频操作：把 rgb(22, 119, 255) 写成 #1677FF，代码更简洁。

本页面的转换器支持双向编辑，输入 RGB 或 HEX 任意一侧，另一侧都会实时更新。

HEX	RGB	HSL	HSV	CMYK	OKLCH
#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)	hsv(0, 0%, 0%)	cmyk(0%, 0%, 0%, 100%)	oklch(0 0 0)
#FFFFFF	rgb(255, 255, 255)	hsl(0, 0%, 100%)	hsv(0, 0%, 100%)	cmyk(0%, 0%, 0%, 0%)	oklch(1 0 89.88)
#FF0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)	hsv(0, 100%, 100%)	cmyk(0%, 100%, 100%, 0%)	oklch(0.628 0.2577 29.23)
#00FF00	rgb(0, 255, 0)	hsl(120, 100%, 50%)	hsv(120, 100%, 100%)	cmyk(100%, 0%, 100%, 0%)	oklch(0.8664 0.2948 142.5)
#0000FF	rgb(0, 0, 255)	hsl(240, 100%, 50%)	hsv(240, 100%, 100%)	cmyk(100%, 100%, 0%, 0%)	oklch(0.452 0.3132 264.05)
#1677FF	rgb(22, 119, 255)	hsl(215, 100%, 54.3%)	hsv(215, 91.4%, 100%)	cmyk(91.4%, 53.3%, 0%, 0%)	oklch(0.5987 0.2194 259.04)
#FFA500	rgb(255, 165, 0)	hsl(38.8, 100%, 50%)	hsv(38.8, 100%, 100%)	cmyk(0%, 35.3%, 100%, 0%)	oklch(0.7927 0.171 70.67)
#800080	rgb(128, 0, 128)	hsl(300, 100%, 25.1%)	hsv(300, 100%, 50.2%)	cmyk(0%, 100%, 0%, 49.8%)	oklch(0.4209 0.1935 328.36)

Q：RGB 转 HEX 怎么计算？

把每个通道值转成两位十六进制：22→16、119→77、255→FF，得到 #1677FF。

Q：通道值超出 0–255 怎么办？

超出范围的值会被裁剪到 0–255 后参与转换，与浏览器 CSS 行为一致。