Coolors

Coolors 是在线配色方案生成器，官网定位为 super fast color palettes generator，可生成或浏览适合设计项目的颜色组合。它适合 UI 设计师、品牌设计师、插画师、前端开发者和需要快速探索色彩方向的创作者。

主要功能

快速生成配色

Coolors 的核心价值是快速生成 color palettes。用户可以不断切换颜色组合，也可以锁定喜欢的颜色后继续探索其他颜色，适合从一个主色扩展出完整视觉方案。

浏览现成配色

官网描述包含 generate or browse beautiful color combinations，说明它既可以生成新方案，也可以浏览已有配色。对时间有限的项目来说，先从成熟配色出发能减少色彩试错。

面向设计与开发

Coolors 适合连接设计和开发流程。设计师可以确定色板，开发者可以把颜色转成 CSS、变量或设计 token。正式项目还需要补充状态色、灰阶、背景色和可访问性规则。

从图片与品牌延展

配色生成器常用于从图片、品牌主色或已有页面延展色彩体系。使用时应关注颜色之间的层级关系，而不是只追求五个颜色都好看。主色、强调色和中性色职责要明确。

适合场景

使用建议

使用 Coolors 时，建议先确定一个不可变的核心颜色，例如品牌主色或产品主按钮色，再锁定它生成其他配色。这样可以保持品牌一致性，同时获得更多可用组合。

配色方案进入产品前，应检查 WCAG 对比度、深浅背景可读性、禁用状态、错误状态和悬停状态。生成器可以提供方向，但完整设计系统需要明确颜色用途和层级，不能只保存一组漂亮色值。

测试体验

从官网公开描述看，Coolors 的重点是快速生成和浏览配色组合。测试时建议锁定一个品牌色生成多套方案，再放入按钮、表单、卡片和背景中比较实际可读性与视觉稳定性。

访问地址

官网地址：https://coolors.co/