本页长期有效 · 建议 Ctrl+D 收藏 全部工具

配色工具

Coolors 替代 / Adobe Color / 对比度检查
适用环境:配色生成 · 无障碍检查 · 开箱即用

一键安装命令

Windows 10/11 自带 winget。按 Win + X 打开「终端(管理员)」,逐条粘贴执行。
# 网页工具,见资源页

包含的工具

Coolors
一键生成配色,可锁定和微调官方页 →
Adobe Color
色轮配色,专业色彩理论官方页 →
WebAIM Contrast Checker
检查文字对比度是否达标官方页 →

操作步骤

1生成配色
Coolors 按空格生成,锁定喜欢的颜色再继续生成其余的。
2配色公式
· 60-30-10:主色 60%,辅色 30%,强调色 10% · 同色系最安全 · 互补色对比最强,慎用
3对比度必须查
正文对比度至少 4.5:1,大标题 3:1。低于这个值是可访问性问题。

常见问题

Q:配色不好看怎么办
A:先限制在 2-3 个颜色。颜色越多越难协调。
Q:深色模式配色
A:不要简单反色。深色背景上用低饱和度颜色,纯白文字刺眼,用 #E0E0E0。

相关工具包

查看全部 140 个工具包 →
本页所列工具均为官方正版软件,来源可查,可放心安装。
本站不托管安装包,下载均指向官方来源;使用 winget 可直接从官方源安装。
如遇问题,请联系客服并提供订单号。