输入 HEX 十六进制颜色,立即得到 RGB 数值;同一页面还能继续换算 HSL、HSV、CMYK、OKLCH,并复制使用。
HEX 与 RGB 是网页中最常用的两种颜色表示。HEX 用十六进制描述红绿蓝通道,例如 #1677FF;RGB 用十进制通道值表示,例如 rgb(22, 119, 255),两者完全等价。
本页面直接提供可用的转换工具:输入任意 HEX,RGB 会实时更新;你也可以直接修改 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:HEX 转 RGB 怎么计算?
把 HEX 每两位十六进制数转为十进制:FF→255、16→22、77→119,因此 #1677FF = rgb(22, 119, 255)。
Q:支持带透明度的 HEX 吗?
支持。8 位 HEX(如 #1677FF80)的最后两位表示 Alpha,会转换为 rgba 形式。
继续使用本站其它颜色处理工具: