← 返回文章列表

RGB / HEX / HSL 怎么互相转换

颜色入门

HEX 就是 RGB

#RRGGBB 每两位是红绿蓝的十六进制(0–255)。#ff0000 就是纯红。它们只是同一数据的不同写法。

HSL 更适合人调色

HSL = 色相 / 饱和度 / 亮度。想「调亮一点」「换个色相」在 HSL 下只改一个数字;在 RGB 下三个数都得动。

透明度

加第八位或用 rgba() / hsla():#rrggbbaa 的 aa 是 alpha(00 全透,ff 不透明)。

两个坑

  • 不同色彩空间:sRGB 与 P3 屏幕显示不同,跨设备会有色差;
  • 字符串大小写:HEX 不区分大小写,但别混用造成比对失败。

动手试试

各格式互转:颜色转换。