颜色对比度可访问性检查器 (WCAG)

颜色对比度是为所有用户打造更易访问的网页的重要组成部分。为了使您的文本易于阅读，文本和背景之间的对比度应该很高。使用此颜色对比度检查器来确定您的颜色组合是否易于访问。颜色对比度检查器工具使用 WCAG 2.0（网页可访问性领域的全球权威）公式来计算颜色对比度。为了符合 AA 级标准，您的文本对比度应为 4.5:1（不用担心，我们的工具会为您计算出来！）。为了符合 AAA 级标准，您的文本对比度应为 7:1。但是，如果您的文本较大（18 点以上，如果文本为粗体则为 14 点），则您的对比度可以为 3:1（符合 AA 级标准）和 4.5:1（符合 AAA 级标准）。

颜色对比度检查器如何工作？

对比度是亮度或颜色的差异，它使一个物体（或其在图像、图标或显示中的表示）可区分。在现实世界的视觉感知中，对比度由物体与同一视野内其他物体的颜色和亮度差异决定。在网页上，所需的对比度因页面不同部分而异。通常，文本和背景颜色之间需要高对比度。但设计元素之间对比度过高可能会给人一种不安分和杂乱的印象。对比度非常重要，因为它允许设计师和营销人员真正引导访问其网站访客的注意力，而这可以通过使用和不使用颜色来实现。WCAG 2 AA 级要求普通文本的对比度至少为 4.5:1，大文本或用户界面组件的对比度至少为 3:1。WCAG 2 AAA 级要求普通文本的对比度至少为 7:1，大文本的对比度至少为 4.5:1。大文本定义为 14 点 (18.66px) 及粗体或更大，或 18 点 (24px) 或更大。

https://hexcolor.co/color-contrast-checker