颜色转换

HEX / RGB / HSL 互转,实时预览

使用说明

写 CSS 时经常需要在 HEX、RGB、HSL 三种颜色格式之间换算:设计稿给的是 HEX,透明度调整要用 RGBA,做主题色系又常用 HSL。本工具输入任意一种格式,立即给出另外两种并实时显示色块预览。

使用方法:在任一输入框填写颜色值(如 #2563eb、rgb(37,99,235) 或 hsl(221,83%,53%)),其他格式自动同步;点击色块旁的「复制」即可取用。全部换算在浏览器本地完成。

常见问题

三种格式有什么区别?

HEX 是十六进制写法(#RRGGBB),最紧凑;RGB 用红绿蓝三通道数值(0~255)表示,方便加透明度;HSL 用色相、饱和度、亮度描述,做配色调整最直观。三者表达的颜色完全等价。

支持带透明度(RGBA/HSLA)吗?

当前版本专注于不透明颜色的三格式互转;如需透明度,可在输出 RGB 值的基础上手动添加 alpha 参数,如 rgba(37,99,235,0.5)。

输入的颜色值会上传服务器吗?

不会。转换完全在您的浏览器本地计算,没有任何网络请求。