颜色往往决定了界面和品牌的第一印象。下面这份清单聚合了配色灵感、调色板生成、渐变与可访问性对比度检测等常用工具,适合在做品牌提案、UI 设计或活动视觉时快速找到可用的色彩方案。
工具地址:https://coolors.co/
免费商用:生成的配色方案可直接用于设计稿与品牌提案;支持一键生成、锁定颜色与导出。
免费商用:色轮与配色规则(互补、三角、分裂互补等)非常适合做体系化配色推导。
需看协议:偏灵感图库属性,适合快速挑一组现成色板;使用前建议查看其授权说明。
工具地址:https://www.happyhues.co/
免费商用:把色板放进真实页面示例中展示(按钮、卡片、背景等),更利于评估可用性。
需看协议:渐变方案集合,适合做活动页/海报背景;使用前确认条款与署名要求。
工具地址:http://colormind.io/
免费商用:基于模型生成配色,适合在已有主色的情况下补齐辅助色与中性色。
免费商用:经典色轮工具,能直观看到同色相/互补关系,适合做品牌色体系推演。
免费商用:偏个性化推荐(训练你喜欢的颜色倾向),用于探索更独特的配色组合。
免费商用:从单一颜色快速生成配色与渐变,并给出可直接复制的色值。
工具地址:https://m2.material.io/design/color/the-color-system.html
免费商用:提供系统化的色彩层级与角色(primary/secondary/surface 等)思路,适合做设计规范。
工具地址:https://webaim.org/resources/contrastchecker/
免费商用:对比度检测很直观,适合在定稿前快速校验正文/按钮/图标的可读性。
工具地址:https://accessible-colors.com/
免费商用:输入前景/背景色后给出 WCAG 评级与改进建议,适合做可访问性优化。
工具地址:https://colors.eva.design/
免费商用:基于主色生成完整的色阶与语义色,并可导出为 CSS/JSON 变量。
工具地址:https://yeun.github.io/open-color/
免费商用:一套清晰的色阶色板,适合直接作为设计系统的基础色值库。