颜色转换

颜色转换工具支持 HEX、RGB、HSL 三种常用颜色表示法互转,并提供取色器与实时预览。前端开发、设计中经常需要在不同格式之间换算颜色值,本工具一步搞定。

颜色转换使用方法

  1. 输入任意格式的颜色值,或使用取色器选色。
  2. 三种格式的结果实时联动更新。
  3. 点击对应「复制」按钮获取需要的格式。

常见问题

HEX 和 RGB 有什么区别?

两者表示的颜色完全相同,HEX 更紧凑(如 #4F46E5),RGB 更直观(如 rgb(79,70,229))。

支持透明度吗?

当前版本转换不透明颜色,带 alpha 的 RGBA/8 位 HEX 会自动忽略透明度。

HSL 是什么?

Hue 色相、Saturation 饱和度、Lightness 亮度,调整配色时比 RGB 更直观。