配色与无障碍工具合集|取色、对比度与调色板

配色是一个从“找到颜色”到“验证可读性”的流程:取色/灵感收集 → 生成调色板 → 评估对比度与无障碍 → 在不同设备与色觉条件下复核。下面这份清单把常用工具按用途整理在一起,做品牌色、UI主题、海报与图表配色时都能直接拿来用。

Adobe Color

工具地址:https://color.adobe.com/

需看协议:提供色轮、配色规则与趋势配色,也能从图片提取主色,适合做“先定方向再细调”。

Coolors

工具地址:https://coolors.co/

需看协议:一键生成调色板、锁定颜色并持续迭代,可导出多种格式,适合快速试色与多方案对比。

Color Hunt

工具地址:https://colorhunt.co/

需看协议:社区精选配色卡片,适合在“没有灵感”的时候先挑一组基准色,再回到工具里微调色相与明度。

Paletton

工具地址:https://paletton.com/

需看协议:经典色轮配色工具,支持互补/类似/三角色等规则,并能预览在页面上的搭配效果。

Colormind

工具地址:http://colormind.io/

需看协议:基于学习模型的配色生成器,可锁定某些颜色让系统补全其余颜色,适合做“主色确定后自动配齐”。

Khroma

工具地址:https://www.khroma.co/

需看协议:通过选择你喜欢的颜色来训练偏好,然后生成更贴近个人风格的配色组合,适合长期做同一类视觉风格的人。

WebAIM Contrast Checker

工具地址:https://webaim.org/resources/contrastchecker/

免费商用:输入前景/背景色即可得到 WCAG 对比度结果,做按钮、正文、弱提示文字时尤其省事。

Accessible Colors

工具地址:https://accessible-colors.com/

免费商用:除了给出对比度分数,还会推荐可通过标准的相近颜色,适合“想保持品牌色但又得达标”的场景。

Tanaguru Contrast-Finder

工具地址:https://contrast-finder.tanaguru.com/

免费商用:输入两种颜色后自动搜索一组可达标的替代色,适合做设计系统的文本/背景配对方案。

Stark

工具地址:https://www.getstark.co/

需看协议:常见于设计工具的无障碍插件方案,支持对比度检查与色觉模拟,适合在稿子阶段就把问题提前修掉。

Sip

工具地址:https://sipapp.io/

需看协议:macOS 取色器与调色板管理工具,适合把项目里常用颜色整理成可复用的集合。

ColorSlurp

工具地址:https://colorslurp.com/

需看协议:macOS 取色与颜色管理,支持多种色值格式与历史记录,适合需要频繁在多款软件间切换的人。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功