4种常见颜色代码格式
HEX:#FF0000,6位十六进制,前端最常用。RGB:rgb(255,0,0),0-255三通道。HSL:hsl(0,100%,50%),色相/饱和度/亮度,最直觉。CMYK:cmyk(0,100,100,0),印刷专用。
什么时候用哪种格式?
CSS/HTML→HEX或RGB(最兼容);调整颜色→HSL(直觉调参);印刷设计→CMYK(打印准确);设计系统→HSL(方便生成色阶)。
转换工具 · 免费在线工具
颜色转换
在浏览器内完成 HEX 、 RGB 、 HSL 三种颜色格式互相转换
HEX与RGB互转原理
HEX的每两位=RGB的一个通道:#FF0000 → R=FF(255) G=00(0) B=00(0)。所以#FF0000=rgb(255,0,0)=红色。掌握这个规则就能手动换算。
配色方案生成
好的配色从色相环开始:互补色(180°对面)、类似色(±30°)、三等分(120°间隔)。工具集的配色方案生成器支持5种经典模式。