颜色转换

快速互转 HEX、RGB、HSL、HSV、CMYK 等颜色格式,并一键复制 CSS 代码

已识别为 HEX
100%

对比度检查器

Hello World - 示例文字预览
RATIO3.29:1AA FAILAAA FAIL

预设 UI 配色

颜色模型说明

了解不同颜色格式的应用场景与原理

HEX(十六进制)

网页设计中最常用的格式,由 # 加上 6 或 8 位十六进制数字组成,支持透明度。

HSL(色相/饱和度/亮度)

对人类最直观的模型。改变色相可获得不同颜色,调整亮度即可获得同色系的明暗变化。

CMYK(印刷色)

青、洋红、黄、黑四种油墨混合,用于实体印刷,色域相较于 RGB 略窄。

RGB / RGBA

基于发光屏幕的三原色模型,每个通道取值 0-255,A 代表 Alpha 通道控制透明度。

常见问题

什么是网页设计中最常用的颜色格式?

HEX 和 RGB 是网页设计中最常用的颜色格式。HEX 简洁易复制,RGB 便于脚本和组件系统使用。

如何选择合适的对比度?

普通正文建议对比度至少达到 4.5:1,大字号文字至少达到 3:1;本工具会同时显示 AA 和 AAA 检测结果。

转换过程是否涉及隐私泄露?

不会。颜色解析和转换全部在浏览器本地完成,不会上传输入内容。