Color

一款免费的在线颜色转换工具，可在 HEX、RGB 和 HSL 之间转换颜色并配有实时取色器，此外还内置了 WCAG 对比度检查器，可为任意前景色和背景色组合报告 AA 和 AAA 的通过/未通过结果。以任意受支持的格式输入一种颜色，即可立即获得其他格式，用取色器进行可视化微调，并复制你的 CSS 所需的精确值。对比度检查器将无障碍设计从猜测变为清晰的结果：它会显示对比度比值，以及你的文本和背景组合是否达到 WCAG 针对普通文本和大号文本的阈值。一切都在你的浏览器中运行。

常见用途

• 将 HEX 品牌色转换为 RGB 或 HSL，以便在 CSS 中使用。
• 检查文本和背景颜色是否达到 WCAG AA 对比度以满足无障碍要求。
• 用取色器微调颜色，并以你需要的格式复制该值。
• 在交付之前验证设计系统的颜色组合是否通过 AAA。
• 将设计师提供的 HSL 值转换为你的代码库所需的 HEX。

常见问题

它能在哪些颜色格式之间转换？

HEX、RGB 和 HSL。以其中任意一种格式输入颜色，它都会转换为其他格式。

它会检查哪些对比度级别？

它会报告对比度比值，以及该组合是否针对普通文本和大号文本通过 WCAG AA 和 AAA。

我需要多大的对比度比值才能通过 WCAG？

WCAG AA 要求普通文本至少 4.5:1、大号文本至少 3:1；AAA 则分别要求 7:1 和 4.5:1。检查器会显示比值以及各项的通过/未通过结果。

HEX、RGB 和 HSL 有什么区别？

它们以不同方式描述相同的颜色：HEX 和 RGB 指定红/绿/蓝通道，而 HSL 使用色相、饱和度和亮度——通常更便于手动调整某个色调。

我的颜色数据会被上传到任何地方吗？

不会。转换和对比度检查完全在你的浏览器中运行。