设计 · 指南
把颜色对比度作为设计检查
提取的颜色可以作为配色起点，但文字对比度必须结合真实背景和字号单独验证。
继续了解 提取图片颜色, 压缩图片, 调整图片尺寸 · 指南
配色板不等于对比度结论
图片中的主要颜色适合用来寻找配色，但并不会自动形成可访问的文字组合。对比度还取决于前景色、背景色、字号、字重和具体使用场景。
检查真实组件
- 使用实际文字颜色和实际背景进行检查。
- 不要只依靠颜色表达状态或选中关系。
- 分别检查浅色和深色主题。
相关工具
- 提取图片颜色在浏览器本地生成代表性色板，或用放大镜手动拾取像素颜色。
- 压缩图片为多张 JPG、PNG 或 WebP 图片比较 JPEG、PNG 压缩候选，在本地查看文件大小、RGB 像素误差，以及原图和输出预览。
- 调整图片尺寸按宽高或百分比批量调整 JPG、PNG、WebP 图片尺寸，按需保持比例，查看输出像素尺寸并在本地下载结果。
- 转换图片格式在浏览器本地批量转换 JPG、PNG、WebP 图片，查看输出格式和文件大小变化，然后单独下载或打包为 ZIP。
- 旋转和翻转图片在浏览器本地批量旋转和翻转图片。
返回设计指南