颜色转换器

在 HEX、RGB、HSL、HSV、HWB、LAB、LCH、CMYK 和 CSS 关键字格式之间转换颜色。支持 Alpha 通道的实时双向转换

颜色

选择颜色或预设，并决定受支持的格式是否包含透明度

当前颜色
#3498DBFF
在 HEX、RGB、HSL 和 HSV 输出中包含透明度

结果

编辑任一格式后，所有兼容的颜色表示会立即更新

十六进制颜色表示法，网页开发最常用
红、绿、蓝三原色模型，屏幕显示标准
色相、饱和度、亮度 - 更直观的颜色调整
色相、饱和度、明度 - 也称 HSB，常用于取色器
色相、白度、黑度 - CSS4 颜色格式，不支持透明度
CIE LAB - 感知均匀色彩空间，不支持透明度
明度、色度、色相 - LAB 的圆柱坐标形式，更易调整色相，不支持透明度
青、品红、黄、黑 - 印刷标准，不支持透明度
CSS 命名颜色如 red、blue、coral - 140+ 预定义颜色，不支持透明度

预览

查看所选颜色及其常用网页颜色表示

HEX
#3498DBFF
RGB
rgba(52, 152, 219, 1)
CSS 关键字
dodgerblue

这个工具能做什么

可以通过取色器选择颜色，也可以编辑任一种受支持的表示法。有效输入会成为其他格式的转换来源，支持透明度的格式会继续保留 Alpha 值

格式说明

  • HEX: 十六进制颜色表示法，网页开发最常用
  • RGB: 红、绿、蓝三原色模型，屏幕显示标准
  • HSL: 色相、饱和度、亮度 - 更直观的颜色调整
  • HSV: 色相、饱和度、明度 - 也称 HSB，常用于取色器
  • HWB: 色相、白度、黑度 - CSS4 颜色格式，不支持透明度
  • LAB: CIE LAB - 感知均匀色彩空间，不支持透明度
  • LCH: 明度、色度、色相 - LAB 的圆柱坐标形式，更易调整色相，不支持透明度
  • CMYK: 青、品红、黄、黑 - 印刷标准，不支持透明度
  • CSS 关键字: CSS 命名颜色如 red、blue、coral - 140+ 预定义颜色，不支持透明度

使用方法

使用取色器或预设选择颜色，也可以编辑 HEX、RGB、HSL、HSV、HWB、LAB、LCH、CMYK 或 CSS 关键字字段。有效修改会自动更新全部格式和预览，每个结果可从对应控件直接复制