在问 · 免费在线工具

颜色值转换(HEX / RGB / HSL)

HEX、RGB、HSL 颜色值互相转换,带取色器和对比度检查。

本地处理,不上传免费无需安装
示例文字 Aa

明暗色阶

点击色块可切换到该颜色。

使用方法

  1. 在输入框输入任意格式的颜色,如 #1e9e6a、rgb(30,158,106) 或 red;也可以用取色器选色。
  2. 下方会同时显示 HEX、RGB、HSL、HSV、CMYK 等格式。
  3. 点击「复制」拿到 CSS 写法。

常见问题

支持哪些输入格式?
支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA,rgb()/rgba(),hsl()/hsla(),以及 CSS 颜色英文名(如 red、tomato)。逗号或空格分隔都可以,不带 # 的 6 位十六进制也能识别。
转换后数值为什么有一点偏差?
HSL 和 RGB 之间换算时要取整,来回转换可能差 1。HEX 和 RGB 之间是精确对应的。
对比度是怎么算的?
按 WCAG 2.x 公式计算颜色与白色、黑色的对比度。正文文字建议至少 4.5:1(AA),大号文字至少 3:1。
CMYK 数值能直接用于印刷吗?
不建议。这里的 CMYK 是不考虑色彩配置文件的简单公式换算,只供参考,正式印刷请以设计软件中的色彩管理结果为准。

更多开发者工具

你可能还需要