RGB 开发与数据工具

颜色格式转换
顺手检查对比度

在 HEX、RGB、HSL 和 HSV 之间转换,保留透明度并查看 WCAG 对比度。

01
COLOR INPUT

输入颜色

02
COLOR OUTPUT

颜色结果

ToolMiao颜色预览
与背景对比度
COLOR GUIDE

颜色格式和无障碍常识

HEX 简洁

网页样式中常用六位 HEX,带透明度时可使用八位 HEX。

HSL 易调整

色相、饱和度和亮度更适合制作同色系深浅变体。

对比度要检查

普通文本 AA 通常要求至少 4.5:1,大文本至少 3:1。

显示设备有差异

屏幕、浏览器和色彩配置不同会造成实际视觉差异。

FAQ

颜色转换常见问题

支持透明颜色吗?

支持。可以输入四位或八位 HEX,以及 RGBA、HSLA 和带 Alpha 的 HSV。

HSV 和 HSB 是同一种格式吗?

在常见屏幕颜色工具中两者通常表示相同模型,本工具按同一口径处理。

对比度结果依据什么?

使用 WCAG 相对亮度与对比度公式,显示普通文本和大文本的 AA、AAA 参考。

可以用于印刷配色吗?

本工具处理屏幕 RGB 颜色,不进行 ICC、Lab 或专业印刷色彩管理。