颜色转换器
HEX / RGB / HSL 颜色格式互转,纯前端运行,数据不离开浏览器。
HEX(如 #ff0000)是网页开发中最常见的颜色写法,简短且便于书写和分享;RGB 用红、绿、蓝三个 0-255 的数值直接表示光的强度,适合程序里逐通道计算;HSL 则用色相(Hue)、饱和度(Saturation)、亮度(Lightness)来描述颜色,只调整亮度或饱和度就能得到深浅一致的色阶,做主题配色或渐变时比 RGB 更直观。
输入的颜色只在你的浏览器里解析和转换,不上传任何服务器。
常见问题
- HEX、RGB、HSL 有什么区别?
- 三者表示的是同一个颜色,只是写法不同。HEX 是十六进制字符串,最紧凑;RGB 直接给出红绿蓝三通道的强度;HSL 用色相、饱和度、亮度描述颜色,调整亮度(如做出更浅或更深的同色系)时比另外两种更方便。
- 为什么取色器只能选纯色,不能带透明度?
- 浏览器原生的取色器(type="color" 输入框)只支持 6 位 HEX,不支持透明度。如果需要带透明度的颜色,请直接在文本框输入 8 位 HEX(如 #ff000080)或 rgba()/hsla() 字符串。
- 支持哪些输入格式?
- 支持 3/4/6/8 位 HEX(如 #fff、#ffff、#ffffff、#ffffffff)、rgb()/rgba() 以及 hsl()/hsla() 语法,大小写均可。