首页调色板生成器

调色板生成器

生成和谐配色方案,创建渐变色和混合颜色,支持多格式导出

颜色混合器

混合两种颜色创建新颜色

RGB: 58, 144, 185
#6366f1
#4e7bd5
#3a90b9
#25a49d
#10b981


说明文档

工具简介

调色板生成器集成混色、渐变生成、配色方案与多格式导出,适合从创意到落地的完整配色流程。

核心功能

  • 支持两色混合与多步过渡色生成。
  • 支持线性、径向、锥形渐变预览与 CSS 代码复制。
  • 支持单色、互补、类似、三角色、四角色等配色方案。
  • 支持导出 CSS、SCSS、LESS、JSON、数组、Tailwind 配置。

使用步骤

  1. 在“混色”页设置两种颜色与比例,生成中间色。
  2. 在“渐变”页选择类型和方向,复制渐变代码。
  3. 在“配色”页选择方案类型,批量获取主题色。
  4. 在“导出”区勾选颜色并导出目标格式。

适用场景

  • 设计系统与品牌主题色搭建。
  • 前端项目主题变量初始化。
  • 数据可视化配色准备。
  • 运营海报与演示文稿统一风格。

常见问题

导出颜色命名可以自定义吗?

可以,在导出列表中可修改每个颜色的名称后再导出。

如何快速得到更协调的配色?

建议先用类似色/单色方案建立主基调,再用互补色做强调。

隐私说明

调色、生成与导出在本地完成,不会上传你的颜色配置。