做网页、写 App、调 UI，颜色代码天天要打交道。同一抹颜色有 HEX、RGB、HSL 好几种写法，搞清关系就不迷糊了。
一、三种写的都是同一个颜色
- HEX（十六进制）：如
#3ea6ff，最常用，前两位红、中间两位绿、后两位蓝； - RGB：如
rgb(62, 166, 255)，把红绿蓝各用 0–255 表示，直观好调； - HSL：色相 H、饱和度 S、亮度 L，调明暗和深浅最方便。
三者可以互相转换，本质是同一个颜色。
二、HEX 怎么读
#3ea6ff 拆成三组：3e 红、a6 绿、ff 蓝。两位数十六进制，ff=255（最亮），00=0（最暗）。所以这是"偏亮的蓝色"。
简写形式：#fff = #ffffff（白），#000 = 黑，每位翻倍即可。
三、一键互转
打开 颜色格式转换工具：拖色块或输入任意一种格式，HEX / RGB / HSL 三种结果同时出来，还能看到该颜色的明暗梯度，点一下即可复制色值。
💡 配色小技巧：想给一个主色调做"深浅变化"，用 HSL 调亮度 L 最自然——固定 H 和 S，只改 L，就能得到同一色系的一整套颜色。
四、常见问题
Q：8 位 HEX 是什么？
如 #3ea6ff80，最后两位是不透明度（alpha）。
Q：为什么同一颜色在不同屏幕看着不一样？
和屏幕色域、亮度设置有关，属正常现象。
广告位
此处为广告展示区，站点主粘贴发布商 ID 后自动展示。
此处为广告展示区，站点主粘贴发布商 ID 后自动展示。