在不同格式之间转换颜色
以任意 CSS 格式输入颜色——例如 #3B82F6 或 #38F 这样的 HEX 代码、rgb() 或 rgba()、hsl(),或 tomato 这样的颜色名称——也可以用取色器选择。本工具会以 HEX、RGB、HSL、HSV 和 CMYK 格式显示同一颜色,可直接复制到 CSS、设计工具或打印设置中。
它还会以 WCAG 对比度的形式显示白色或黑色文字在该颜色上的可读性:4.5:1 或更高即达到普通文本的 AA 级标准。颜色由您的浏览器解析,与 CSS 的解析方式完全一致。
为什么使用这个颜色转换器?
- HEX、RGB、HSL、HSV 和 CMYK 集于一处
- 支持所有 CSS 颜色格式和颜色名称
- 支持透明度(alpha)
- 显示与白色和黑色文字的 WCAG 对比度
如何转换颜色
- 输入或粘贴颜色,或用取色器选择颜色
- 在颜色预览旁查看各种格式的值
- 点击所需格式旁边的复制按钮
常见问题
这个颜色转换器免费吗?
是的,完全免费,并在您的浏览器中运行。
RGB、HSL 和 HSV 有什么区别?
RGB 通过混合红、绿、蓝三色光来表示颜色(每个分量 0–255)。HSL 和 HSV 则用色相(0–360°)、饱和度以及亮度(lightness 或 value)来描述同一颜色,这样更容易生成更浅、更深或更柔和的变体。
对比度是什么意思?
它比较文字颜色与背景颜色的亮度(WCAG 2)。AA 级要求普通文本的对比度至少为 4.5:1,大号文本至少为 3:1;数值越高,越容易阅读。
会向服务器发送任何数据吗?
不会。所有计算都在您的浏览器中完成。