颜色格式转换

HEX、RGB、HSL、HSV、CMYK 互转,附对比度检查与明暗色阶,全部本地计算。

HEX

#FF6363CC

RGB

rgb(255 99 99 / 0.8)

HSL

hsl(0 100% 69% / 0.8)

HSV

hsv(0 61% 100% / 0.8)

CMYK

cmyk(0% 61% 61% 0%)

预览

#FF6363CC不透明度 80%

明暗色阶(点击复制对应 HEX)

色阶保持当前色相与饱和度,明度从 95% 均分到 5% 共 10 阶;青色描边为当前明度所在阶。

与白色的对比度

2.91 : 1

不达标
Aa 正文示例

与黑色的对比度

7.22 : 1

AAA
Aa 正文示例
已加载示例颜色 #FF6363(80% 不透明度),支持 #RGB、#RRGGBB、#RRGGBBAA。

8 位 HEX 里的 Alpha 是什么?

#RRGGBBAA 的末两位表示不透明度,CC 约等于 80%。CSS 的 rgb() 与 hsl() 也可以用 “/ 0.8” 语法书写透明度,本工具会自动同步滑条与各格式输出。

对比度多少才算达标?

WCAG 2.x 要求正文文字对比度不低于 4.5:1(AA),大号文字不低于 3:1,7:1 以上达到 AAA。对比度按不透明颜色计算,与 Alpha 无关。

隐私说明

取色、转换与对比度计算全部在浏览器本地完成,颜色值不会上传服务器,刷新页面即恢复默认示例。