检查颜色对比度以符合网页无障碍标准。使用实时预览、无障碍评级和改进建议,根据 WCAG 指南测试文本和背景颜色组合。
点击第一个颜色选择器选择您的文本颜色,或直接输入十六进制代码。
使用第二个颜色选择器选择用于对比度测试的背景颜色。
检查计算出的对比度,并查看普通文本和大型文本的 AA/AAA 评级。
查看实时预览,了解您的颜色组合在实际文本内容中的显示效果。
当您选择不同的文本和背景颜色组合时,即时计算对比度。
根据网页内容无障碍指南,获取普通文本和大文本的 AA 和 AAA 评级。
通过普通和大型文本示例,准确查看您的颜色组合效果。
通过直观的圆形图表,查看您的对比度表现,分数范围为 0-100。
使用内置的颜色选择器工具,轻松选择文本和背景颜色。
获取提高对比度并满足无障碍标准的实用建议。
颜色对比度检查器是一种测量文本和背景颜色之间亮度差异的工具。它根据 WCAG(网页内容无障碍指南)标准计算对比度,以确保内容对于有视觉障碍(包括色盲和低视力)的用户来说是可读的。
通过准确的 AA 和 AAA 评级,确保您的设计符合国际无障碍标准。
调整颜色时即时查看结果,轻松找到符合标准的组合。
通过我们直观的 0-100 评分系统,一目了然地了解对比度表现。
在浏览器中即时测试颜色组合,无需下载任何软件。
对于普通文本,AA 标准建议至少 4.5:1 的对比度,AAA 标准建议 7:1。大型文本(18pt 或 14pt 粗体)AA 标准需要 3:1,AAA 标准需要 4.5:1。
AA 是大多数法规要求的标准无障碍合规性级别。AAA 是最高级别,为有更严重视力障碍的用户提供增强的无障碍性。
对比度是根据 WCAG 指南定义的颜色的相对亮度计算的。它从 1:1(无对比度)到 21:1(最大对比度)。
大文本定义为 18 点(24px)或更大,或者 14 点(18.66px)或更大(如果是粗体)。大文本的对比度要求更宽松。
良好的颜色对比度确保每个人都能阅读内容,包括有视力障碍、色盲的用户,或在强光下或低质量显示器上查看内容的用户。
该工具接受十六进制颜色代码。您可以使用在线转换器或设计工具将其他格式(RGB、HSL 等)转换为十六进制。
使用我们的交互式色轮,创建令人惊叹的色彩和谐。自动生成互补色、三元色、类似色及其他配色方案。支持导出为 CSS、SCSS、Tailwind、PNG、PDF 或 JSON 格式。
使用我们先进的颜色匹配算法,将RGB颜色转换为最接近的潘通色匹配。浏览精选潘通色,比较颜色差异,并获取设计项目所需的精确颜色代码。
使用我们的免费在线工具将十六进制颜色转换为最接近的潘通颜色。具有精确的 Delta E 色彩匹配功能,浏览 40 多种常用潘通颜色,并获得即时颜色比较。非常适合设计师、印刷商和色彩专业人士。
使用先进的色彩科学将CMYK颜色转换为最接近的潘通色匹配。浏览精选的流行潘通色系列,支持实时颜色比较和复制功能。
使用我们易于使用的渐变生成器创建令人惊叹的CSS线性渐变和径向渐变。选择颜色、方向,并立即复制CSS代码用于您的网页项目。
使用我们免费的在线配色方案生成器,在线生成令人惊叹的色彩搭配。利用色彩理论原则创建和谐的配色方案,或从图片中提取颜色。支持导出为CSS、SCSS、Tailwind、JSON、PDF和PNG格式。