色盲友好调色板 - 无障碍配色方案·色盲模拟·Accessibility设计

常见问题 (FAQ)

❓ 什么是色盲友好配色？为什么重要？

色盲友好配色是指色盲人士能够清晰区分和识别的色彩组合。全球约8%的男性和0.5%的女性有某种程度的色盲（色觉障碍），即约3亿人。使用色盲友好配色可确保你的设计、图表和数据可视化对这些用户同样可用，是Web无障碍（WCAG）的重要组成部分。

❓ 常见的色盲类型有哪些？

常见色盲类型：1）红色盲（Protanopia）— 无法感知红色光；2）绿色盲（Deuteranopia）— 无法感知绿色光；3）红绿色弱— 红色和绿色感知减弱；4）蓝黄色盲（Tritanopia）— 蓝黄区分困难；5）全色盲（Achromatopsia）— 只能看到灰度。

❓ 哪些颜色搭配对色盲人士最友好？

最安全的颜色搭配：蓝色+橙色、深蓝+黄色、黑色+白色+蓝色、紫色+黄色。避免的组合：红+绿、绿+棕、蓝+紫、粉+灰。使用色相(Hue)而非饱和度或明度来区分信息是最佳策略。

❓ 如何验证我的设计是否色盲友好？

本工具提供三种色盲模拟：红色盲、绿色盲、蓝黄色盲。你可以查看生成的调色板在不同色盲类型下的效果。其他验证方法：使用Chrome DevTools的Rendering面板、使用Coblis或Color Oracle等专业工具。

❓ WCAG对颜色使用有什么要求？

WCAG 2.1 AA标准要求：1）颜色不能作为传达信息的唯一方式（1.4.1）；2）文本和背景对比度至少4.5:1（AA）或7:1（AAA）（1.4.3）；3）UI组件和图形对象的对比度至少3:1（1.4.11）。本工具生成的调色板默认满足这些标准。