图片与设计工具

无障碍调色板建议器

使用 WCAG 对比度公式,针对固定背景建议文字颜色调整。 仅接受不透明 sRGB HEX,不接受 alpha、图片或上传。每个文字颜色仅与固定背景比较,不检查调色板颜色之间的对比度。大字指至少 18 磅或 14 磅粗体。这是设计辅助,不保证设计无障碍或整页符合 WCAG。

优先本地处理无需注册隐私说明 ↗

仅接受不透明 sRGB HEX,不接受 alpha、图片或上传。每个文字颜色仅与固定背景比较,不检查调色板颜色之间的对比度。大字指至少 18 磅或 14 磅粗体。这是设计辅助,不保证设计无障碍或整页符合 WCAG。

已达标颜色保持不变。其他颜色按 1/255 步长混向黑色与白色,舍入为 8 位 sRGB 后按未舍入 WCAG 比值判断。达标候选中选择 RGB 平方变化最小者(相同则优先黑色路径)。有限搜索不是感知或全局最优,可能改变品牌外观或使颜色趋同。

使用步骤

如何使用

  1. 输入文字 HEX 颜色与固定背景。
  2. 选择文字对比度目标并生成建议。
  3. 比较比值、审查设计并复制建议 HEX 列表。

范围与方法

仅接受不透明 sRGB HEX,不接受 alpha、图片或上传。每个文字颜色仅与固定背景比较,不检查调色板颜色之间的对比度。大字指至少 18 磅或 14 磅粗体。这是设计辅助,不保证设计无障碍或整页符合 WCAG。 已达标颜色保持不变。其他颜色按 1/255 步长混向黑色与白色,舍入为 8 位 sRGB 后按未舍入 WCAG 比值判断。达标候选中选择 RGB 平方变化最小者(相同则优先黑色路径)。有限搜索不是感知或全局最优,可能改变品牌外观或使颜色趋同。

常见问题

你可能还想知道

此工具会检查颜色之间的对比度吗?

不会。每种文字颜色只与指定的固定背景比较。

达到对比度目标就能保证设计无障碍吗?

不能。这只是颜色建议工具,不是整页 WCAG 评估。