颜色与 CSS 设计
颜色、色板与对比度工作室
转换颜色模型、创建 CSS 色阶、提取色板，并检查 WCAG 或 APCA 对比度。
打开工具工具合集
颜色、可访问性与 CSS 工作室
比较颜色与对比度、制作渐变和阴影，然后搭建 Grid、Flexbox 或流式布局。对比度检查结果取决于所选标准，不能取代完整的可访问性审计。
探索颜色、核查对比度以及设计渐变、阴影和 CSS 布局的工作室。
本合集的工具
4 个工具
涵盖分类
关于设计与 CSS 工具的常见问题
颜色工作室能核查 WCAG 和 APCA 对比度吗？
工作室页面说明了可用的方法与度量。请确认所选择的模式，并结合使用场景解读结果。
对比度检查通过，可访问性就达标了吗？
并不是。检查结果是所选标准下的参考值，不能代替覆盖真实使用环境的完整审计。
WCAG 和 APCA 的结果不一致时怎么解读？
两者标准与算法不同。请按实际用途选择标准，并结合具体环境判断。
生成的 CSS 可以直接上线吗？
请把它当作原型代码。正式应用前，请在目标浏览器环境中确认显示效果。
相关合集
按任务类型浏览工具。
查看全部工具