颜色代码转换工具
支持 HEX / RGB / HSL / HSV 互转的颜色工具。选择颜色即可同时生成各格式的 CSS 代码,并自动计算对比度。
✅ 完全免费,无需注册,仅在浏览器中运行
CSS 格式
对比度
白色背景 (#FFF)
黑色背景 (#000)
WCAG AA:正常文字 4.5 以上,大文字 3.0 以上 / AAA:正常文字 7.0 以上
色调变体
如有问题或显示异常,请通过以下方式联系我们: 联系表单。
📖 使用方法
-
1
选择颜色使用拾色器或直接输入 HEX / RGB / HSL。
-
2
查看所有格式HEX / RGB / RGBA / HSL / HSV / CMYK 即时更新。
-
3
检查对比度显示与背景的 WCAG 对比度(AA/AAA)。
❓ 常见问题
WCAG 对比度标准是?
正常文本:AA 4.5:1,AAA 7:1。
HEX 和 RGB 区别?
HEX 是十六进制,RGB 是十进制。
HSL 和 HSV 何时使用?
HSL 适合设计系统,HSV 适合拾色器 UI。
支持 Tailwind 调色板吗?
会建议最接近的 Tailwind 颜色。