调色板生成器
按一下空格键即可快速生成新的配色方案，也能按颜色理论规则生成超过 5 色的调色板，适合网页设计、品牌等场景快速试色。
价格免费可用，Pro 订阅解锁全部功能，可随时取消
平台Web / iOS / Figma 插件 / Adobe 扩展 / Chrome 扩展
归类图像编辑与设计
收录—
复核2026-10-10
编辑评分
4.1 / 5
★★★★☆
coolors配色编辑总结
Coolors 是由独立开发者 Fabrizio 维护的在线配色工具，主力形态是网页版调色板生成器，同时提供 iOS App、Figma 插件、Adobe 扩展和 Chrome 扩展。它的优势是生成速度快（按空格键即可出新方案）、配色库规模大（10M+ 现成方案，8+ million 用户在用），并能从图像取色、检查 WCAG 对比度、在真实设计上预览颜色。短板也明显：免费版限制较多，只能保存 10 个调色板、1 个项目，生成最多 5 色，且页面有广告，AI 功能（3000 credits/mo）和高级导出都要订阅 Pro。
coolors配色是什么？
Coolors 是一个面向设计师与创作者的在线配色平台，核心是快速生成颜色调色板（Palette Generator），由独立开发者 Fabrizio 创建并维护。
目前能确认的产品形态包括：网页端的调色板生成、配色探索（Explore Palettes）、图像取色（Image Picker）、对比度检查（Contrast Checker）、调色板可视化预览（Palette Visualizer）、颜色信息查询（Color Picker）、Tailwind 配色预览，以及可对话给配色建议的 AI 功能 Color Bot；周边还有渐变制作、图片格式转换、照片编辑、拼贴画制作和免费字体等工具。
普通用户可以直接在网页上按空格键刷新配色方案，或从图片提取颜色；设计师可以把调色板导出为 PDF、CSS、ASE、SVG、Tailwind 代码等多种格式；团队场景下可把调色板整理进项目（projects）和集合（collections）管理。
coolors配色核心功能
图像取色
上传照片或插画即可立刻生成匹配的调色板，免费版也可使用，是照片、海报、品牌物料配色延展的常用入口。
对比度检查
检查调色板颜色组合是否符合 WCAG 无障碍对比度标准，Pro 版还能查看所有颜色变化与无障碍信息，做网页与 UI 配色时更稳妥。
真实设计预览
Palette Visualizer 可在移动/Web UI、品牌、排版、图案、插画等真实设计版式上实时预览颜色效果，避免只看色块产生误判。
AI 配色建议
Color Bot 是内置的 AI 对话功能，可以针对当前颜色提问并获得配色建议；Pro 订阅每月含 3000 credits，用完后可按需购买额外 credits。
多格式导出
调色板可导出为 URL、PDF、图片、CSS、ASE、SVG、Tailwind 代码等多种格式，Pro 版另有阴影、色相、色盲模拟等高级 PDF 导出选项。
多端与插件
提供 iOS App、Figma 插件、Chrome 扩展，以及覆盖 Illustrator、InDesign、Photoshop（至版本 20）的 Adobe 扩展，Photoshop 21+ 与 Adobe XD 支持已在计划中。
coolors配色值不值得用？
需要快速产出配色方案时值得用：按空格出方案、图像取色、导出 Tailwind 代码这些高频动作都很顺，网页版免费即可完成大部分工作。但如果你需要保存大量调色板、使用 AI 配色或高级导出，免费版的 10 个调色板上限、5 色生成限制和页面广告会比较碍事，得评估是否值得订阅 Pro。另外它目前没有提供学校与非营利机构折扣，预算敏感的团队要先算账。
建议选它的情况
- 做网页或 UI 设计需要快速试配色
- 从照片、海报等图像提取颜色方案
- 用 Tailwind 写前端需要现成色板代码
- 偶尔做一次配色、不想装桌面软件
不建议选它的情况
- 免费需求但调色板数量超过 10 个
- 依赖 AI 配色又不想付订阅费
- 需要学校或非营利折扣的机构用户
coolors配色使用建议
入门先把路子走对
- 空格出方案打开 coolors.co 进入调色板生成器，按空格键即可刷新一组配色，锁定满意的颜色后继续生成其余颜色。
- 图里取色使用 Image Picker 上传参考图（文件最大 10 MB），工具会从图中提取颜色生成调色板，再手动微调。
- 先查对比度配色定稿前用 Contrast Checker 检查文字与背景组合是否达标，网页类项目尤其要在交付前做这一步。
进阶省时间也省钱
- 导出代码前端项目直接把调色板导出为 Tailwind 代码或 CSS，省去手抄色值，也减少色值抄错的可能。
- 别急着升级免费版可先试全部基础功能，只有当保存数量、多色生成或 AI credits 确实不够时再订阅 Pro，订阅可随时取消。
- 装插件常在 Figma 或 Photoshop 里做设计的话，装对应插件后在设计工具内直接取用调色板，避免来回切网页。
coolors配色适合谁用？
UI/网页设计师
推荐高频产出配色方案、需要查对比度和导出 CSS/Tailwind 代码，免费版基本够用，Pro 的可视化预览更省事。
品牌与平面设计
推荐图像取色、拼贴画和高级 PDF 导出对提案场景有帮助，但客户交付多的要靠 Pro 版才能去掉水印类限制。
前端开发者
推荐Tailwind 配色预览和代码导出直接可用，但主要价值在配色阶段，写码时仍需设计工具配合。
重度收藏型用户
有条件免费版只能存 10 个调色板、5 个收藏颜色，习惯囤大量色板的人必须订阅 Pro，长期成本要考虑。
学校与非营利机构
不推荐官方明确表示目前不提供折扣，特殊计划尚在计划中，预算有限的机构暂无优惠可用。
coolors配色优点和缺点
优点
- 按空格键即时生成配色方案
- 10M+ 现成配色方案可按主题浏览
- 免费版无时间限制，可一直使用
- 支持 PDF、CSS、SVG、ASE、Tailwind 等导出
- iOS、Figma、Adobe、Chrome 多端覆盖
- 订阅可随时取消，降级后内容不删除
缺点
- 免费版只能保存 10 个调色板
- 免费版生成调色板最多 5 色
- 免费版广告
- AI 功能与高级导出需订阅 Pro
- 目前不提供学校与非营利折扣
coolors配色版本与计费对比
| 方案 | 价格 | 包含内容 | 说明 |
|---|---|---|---|
| Free | 免费 | 生成最多 5 色；保存 10 个调色板；1 个项目、1 个集合；收藏 5 色；10K+ 现成方案；页面有广告 | 无时间限制，可长期使用 |
| Pro | 订阅制（具体价格以官网为准） | 生成最多 10 色；10M+ 现成方案；无限保存；Coolors AI 3000 credits/mo；去广告；高级导出；私人主页 | 可随时取消，续费前 3 天有提醒 |
以上为公开费率整理，厂商保留调价权利，实际以官方页面为准。
coolors配色关键指标
| 指标 | 数值 | 数据来源 |
|---|---|---|
| 现成配色方案 | 10M+ | coolors.co 首页与定价页 |
| 用户规模 | 8+ million | coolors.co 首页 |
| Pro 订阅用户 | 35K+ | coolors.co 定价页 |
| Coolors AI 月度额度 | 3000 credits/mo | coolors.co 定价页 |
| 联盟计划佣金 | 20% | coolors.co |
coolors配色常见问题
Coolors 免费吗？＋
官方 FAQ 明确 Coolors 对所有人永久免费，免费版无时间限制，可以一直用到决定是否升级。免费版的限制主要是：只能保存 10 个调色板、1 个项目、1 个集合，收藏最多 5 个颜色，生成调色板最多 5 色，页面有广告。Pro 订阅则解锁 AI（每月 3000 credits）、无限保存、10 色生成、高级导出等。
Pro 订阅包含什么？能随时取消吗？＋
Pro 包含 Coolors AI（3000 credits/mo）、去除广告、生成最多 10 色的调色板、10M+ 现成方案、无限保存调色板与颜色、无限项目和集合、调色板对比度检查、高级导出选项、私人主页、导出 PDF 加自定义 logo 等，并包含后续所有更新。可以在账户里随时管理或取消，降级发生在付费周期结束，已有内容不会被删除。
它现在最主要的工具是哪些？＋
网页端主打八件套：Palette Generator（生成调色板）、Explore Palettes（浏览 10M+ 方案）、Image Picker（图像取色）、Contrast Checker（对比度检查）、Palette Visualizer（真实设计预览）、Color Picker（颜色信息）、Tailwind Colors（Tailwind 配色预览）和 AI 功能 Color Bot。周边还有渐变、图片转换、照片编辑、拼贴画、免费字体等。
和直接用 Figma 自带配色功能比怎么选？＋
Figma 里做设计离不开颜色管理，但 Coolors 的强项是“产出方案”这一步：空格键随机生成、按主题浏览 10M+ 现成方案、图像取色、独立对比度检查，这些在 Figma 内没有对应的快捷体验。合理的组合是先用 Coolors 定方案，再用 Figma 插件把色板带进设计稿，两者不冲突。
国内能不能正常使用？＋
它是纯网页工具（coolors.co），浏览器打开即可用，付费走 Paddle，也提供 iOS App 和各类插件。官网未提及针对中国用户的本地化或限制信息，注册使用邮箱即可；是否需要网络代理取决于你所在网络的访问情况，建议直接试开官网确认。
AI 配色的 credits 用完了怎么办？＋
官方 FAQ 写明：credits 用完后可以在页面按需购买额外 credits，或等每月 credits 自动更新。免费版账户本身没有 AI 额度，Coolors AI 属于 Pro 订阅内容（每月 3000 credits），且官方提示 AI 可能出错，重要信息要自行核实。
coolors配色竞品对比
| 工具 | 编辑评分 | 价格 | 核心功能 | 平台 |
|---|---|---|---|---|
| coolors配色本工具 | 4.1 | 免费可用，Pro 订阅解锁全部功能，可随时取消 | 调色板生成器；图像取色；对比度检查；真实设计预览 | Web / iOS / Figma 插件 / Adobe 扩展 / Chrome 扩展 |
| AI Palette | — | 未标价 | AI Palette:用 AI 轻松生成令人惊叹的配色方案 | — |
| AI Colors | — | 未标价 | AI colors 官网，一款基于 GPT 的智能调色板生成工具 | Web |
| ColorpaletteAI | — | 未标价 | 一个人工智能工具，从网站描述中生成配色方案，用于品牌和设计 | — |
| 颜色代码表 | — | 未标价 | 专业的在线颜色代码转换配色工具网站 | — |
| VisualizeAI | — | 未标价 | VisualizeAI 作为一个人工智能辅助的设计工具，它通过提供快速原型构建和设计可视化 | — |
