← 全部工具

🎨 颜色转换

取色器选色,或直接输入任意一种格式,HEX / RGB / HSL 实时互转。点击结果即可复制。

转换结果(点击任意一行复制):

常用色卡

点击色块复制 HEX 值,前端开发高频色。

常见问题

HEX、RGB、HSL 该用哪个?

写 CSS 静态色值用 HEX 最简洁;需要透明度时用 rgba() / hsla();想成套调深浅(hover 变暗、禁用变灰)用 HSL 最方便——固定色相和饱和度,只动 L(明度)即可。

#RGB 三位写法是什么意思?

是六位的简写,每位重复一次:#F00 = #FF0000(红色),#abc = #aabbcc。本工具输入三位会自动展开。