同一个颜色在代码里有好几种写法:HEX 是 # 加六位十六进制,最常见于网页样式;RGB 把红、绿、蓝三通道各写成 0 到 255 的整数;HSL 则按色相(0 到 360 度)、饱和度、明度来描述,更适合程序化地调深浅。本工具三者实时互转:拖动取色器或改 HEX 输入框,下方三行同步变化,点按钮即可把对应格式复制走。HEX 支持三位简写(如 #FFF 会按 #FFFFFF 展开)和带 # 或不带 # 两种输入。
本工具处理不透明颜色。八位 HEX(如 #2F7BFF80)最后两位是透明度,本工具会忽略透明度部分;需要带透明度的写法时,在 RGB 结果后面补上透明度即可,如 rgba(47, 123, 255, 0.5)。
色相是色环上的角度:0 是红、120 是绿、240 是蓝,中间连续过渡。固定色相只调饱和度和明度,就能得到一整套同色系配色,这是 HSL 在调色时比 RGB 顺手的原因。