配色与色彩灵感资源清单|调色板生成 取色工具 可访问性对比度合集

颜色往往决定了界面和品牌的第一印象。下面这份清单聚合了配色灵感、调色板生成、渐变与可访问性对比度检测等常用工具,适合在做品牌提案、UI 设计或活动视觉时快速找到可用的色彩方案。

Coolors

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

免费商用:生成的配色方案可直接用于设计稿与品牌提案;支持一键生成、锁定颜色与导出。

Adobe Color

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

免费商用:色轮与配色规则(互补、三角、分裂互补等)非常适合做体系化配色推导。

Color Hunt

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

需看协议:偏灵感图库属性,适合快速挑一组现成色板;使用前建议查看其授权说明。

Happy Hues

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

免费商用:把色板放进真实页面示例中展示(按钮、卡片、背景等),更利于评估可用性。

UI Gradients

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

需看协议:渐变方案集合,适合做活动页/海报背景;使用前确认条款与署名要求。

Colormind

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

免费商用:基于模型生成配色,适合在已有主色的情况下补齐辅助色与中性色。

Paletton

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

免费商用:经典色轮工具,能直观看到同色相/互补关系,适合做品牌色体系推演。

Khroma

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

免费商用:偏个性化推荐(训练你喜欢的颜色倾向),用于探索更独特的配色组合。

ColorSpace

工具地址:https://mycolor.space/

免费商用:从单一颜色快速生成配色与渐变,并给出可直接复制的色值。

Material Design Color Tool

工具地址:https://m2.material.io/design/color/the-color-system.html

免费商用:提供系统化的色彩层级与角色(primary/secondary/surface 等)思路,适合做设计规范。

WebAIM Contrast Checker

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

免费商用:对比度检测很直观,适合在定稿前快速校验正文/按钮/图标的可读性。

Accessible Colors

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

免费商用:输入前景/背景色后给出 WCAG 评级与改进建议,适合做可访问性优化。

Eva Design System - Colors

工具地址:https://colors.eva.design/

免费商用:基于主色生成完整的色阶与语义色,并可导出为 CSS/JSON 变量。

Open Color

工具地址:https://yeun.github.io/open-color/

免费商用:一套清晰的色阶色板,适合直接作为设计系统的基础色值库。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

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

操作成功