颜色对比度

打开 Chrome 的 DevTools 里的调色板，发现新增一个 Contrast Ratio 选项。非常棒的辅助功能。

参考资料

• Google Web Fundamentals - 可访问的样式- 颜色和对比度
• WCAG (Web Content Accessibility Guidelines) 标准文档
• 《超全面！色彩无障碍设计之「对比度」的探索》 (链接备份)
• Color Contrast for Better Readability (链接备份)
• Don’t let your color palette be an airball (链接备份)

工具

计算器

• https://webaim.org/resources/contrastchecker/
• http://www.msfw.com/Services/ContrastRatioCalculator

找到最符合无障碍对比度的颜色

• https://github.com/Tanaguru/Contrast-Finder
• http://colorsafe.co/