Coolors
按空格键无限刷新的在线配色生成器
免费版生成和导出不限次,支持锁定与微调,但保存、取色和配色法则需付费,月费约三美元。

核心功能
空格键生成
打开网页不用注册,按一下空格换一组五色方案,锁定喜欢的颜色再继续刷,是它最快也最上瘾的部分。
锁定与微调
锁住满意的颜色,其他槽位继续随机;单个颜色的色相、饱和度和亮度可以手动拉,旁边会给出同色系的深浅替代选项。
对比度检查
任选两个颜色查看WCAG对比度比值,AA和AAA过没过直接标出来,做可访问性检查时省一步。
多格式导出
CSS变量、SCSS、Tailwind、SVG、PDF都能导,ASE格式可以直接进Adobe软件当色票用,不用手抄色值。
图片取色
上传一张照片提取主色调,理论上是最快让配色和品牌视觉对齐的路,但免费版用不了。
产品特色
- 01
免费版慷慨的是“生成”,不是“保留”
生成和基础导出确实不限次数,不注册就能一直按空格。但稍微往深走一步就会撞墙:只能存10个色板、1个项目、5个收藏,七种配色法则(互补、三分、分裂互补这些)全部标着PRO,免费版只有随机一种模式。也就是说,如果你手上已经有一个品牌主色想往外延伸,免费版帮上的忙相当有限,只能靠反复按空格碰运气。
- 02
Pro便宜到几乎不用犹豫,但门槛不在钱上
3美元一个月,年付算下来一顿早餐的钱,去广告、无限保存、图片取色、AI模式全解锁。真正让人犹豫的是中文使用体验:网页没有中文界面,服务器在境外,打开速度时快时慢,广告位有时会挡到画面底部的色板内容。这些不是致命问题,但会让人在“就调个色”的时候多一层烦躁。
- 03
它擅长“找到一组能看的颜色”,不擅长“建一套能用的系统”
如果你要的是完整的设计系统色阶、语义色token、明暗主题变体,Coolors给不了。它做的是从“我需要一个配色”到“这五个颜色放在一起不打架”之间的那一步,而且做得很快。想再往下走,要么手动在Figma里拆色阶,要么换更专门的工具。
应用场景
✅ 卡在配色上先随便按几下
项目刚开始,脑子里没有具体色值,打开Coolors按几轮空格,从随机结果里挑一个方向,比对着色轮空想快得多。
✅ 给品牌主色找几个能用的搭档
已经有主色但不知道怎么配辅助色,锁住主色再刷,或者直接上Pro用互补和类比方则,比在色轮上手动拖要省事。
✅ 写前端时直接拿Tailwind配置
导出的选项里带Tailwind config,配色定下来之后不用一个个手抄十六进制值,复制进项目就能跑。
✅ 临时查一下对比度
做按钮或者正文色的时候不确定够不够清楚,把两个颜色丢进去看WCAG通过情况,比事后被提可访问性问题再改要主动。
常见问题
解答您关于"Coolors"的常见疑问,让您更好地使用这款AI工具
-
生成和基础导出不限次数,不注册也能一直按空格刷配色。但保存上限是10个色板、1个项目、5个收藏,图片取色和七种配色法则需要Pro。偶尔抓个灵感完全够用,如果每周都用或者需要围绕固定主色做延伸,免费版的限制会很明显。
-
一个月大约3美元,去广告、无限保存、图片取色和AI模式都解锁,从价格本身看没什么好纠结的。值不值得取决于你用它的频率:一周打开一两次、每次按几下空格就走,免费版够了;如果配色是日常流程的一部分,去广告和无限保存带来的顺畅感对得起这个价。
-
网页端没有中文界面,全英文。服务器在境外,加载速度不太稳定,偶尔要等。免费版广告位有时会挡到画面底部的内容,Pro可以去掉。功能本身不太需要语言能力,但如果你对全英文界面比较抵触,可能需要适应一下。
-
Adobe Color的配色法则全部免费,Coolors免费版锁住的互补、三分这些,在Adobe那边直接能用。Coolors的优势在空格刷新的手感和导出格式的丰富程度,尤其是ASE和Tailwind配置。已经有明确主色要延伸、不想付费的话,Adobe Color更顺手;想要快速大量试方向、需要把配色直接变成代码,Coolors更快。
-
不能。它输出的是色板,不是设计系统。色阶、语义token、明暗主题变体这些东西它不碰,需要后续在Figma或者其他工具里手动拆。把它当成配色流程的前半段来用,预期会比较准。
立即体验“Coolors”
Coolors是上手最快的在线配色工具之一,打开网页按空格就能刷出一组五色方案,锁定喜欢的颜色再继续生成。让你在几秒钟内生成专业的配色方案,无论是网页设计、品牌设计还是插画配色,Coolors 都能为你提供灵感!


