配色是一个从“找到颜色”到“验证可读性”的流程:取色/灵感收集 → 生成调色板 → 评估对比度与无障碍 → 在不同设备与色觉条件下复核。下面这份清单把常用工具按用途整理在一起,做品牌色、UI主题、海报与图表配色时都能直接拿来用。
需看协议:提供色轮、配色规则与趋势配色,也能从图片提取主色,适合做“先定方向再细调”。
工具地址:https://coolors.co/
需看协议:一键生成调色板、锁定颜色并持续迭代,可导出多种格式,适合快速试色与多方案对比。
需看协议:社区精选配色卡片,适合在“没有灵感”的时候先挑一组基准色,再回到工具里微调色相与明度。
需看协议:经典色轮配色工具,支持互补/类似/三角色等规则,并能预览在页面上的搭配效果。
工具地址:http://colormind.io/
需看协议:基于学习模型的配色生成器,可锁定某些颜色让系统补全其余颜色,适合做“主色确定后自动配齐”。
需看协议:通过选择你喜欢的颜色来训练偏好,然后生成更贴近个人风格的配色组合,适合长期做同一类视觉风格的人。
工具地址:https://webaim.org/resources/contrastchecker/
免费商用:输入前景/背景色即可得到 WCAG 对比度结果,做按钮、正文、弱提示文字时尤其省事。
工具地址:https://accessible-colors.com/
免费商用:除了给出对比度分数,还会推荐可通过标准的相近颜色,适合“想保持品牌色但又得达标”的场景。
工具地址:https://contrast-finder.tanaguru.com/
免费商用:输入两种颜色后自动搜索一组可达标的替代色,适合做设计系统的文本/背景配对方案。
需看协议:常见于设计工具的无障碍插件方案,支持对比度检查与色觉模拟,适合在稿子阶段就把问题提前修掉。
工具地址:https://sipapp.io/
需看协议:macOS 取色器与调色板管理工具,适合把项目里常用颜色整理成可复用的集合。
需看协议:macOS 取色与颜色管理,支持多种色值格式与历史记录,适合需要频繁在多款软件间切换的人。