智能调色板

专业的配色方案生成工具,支持多种调和规则,一键导出 CSS/Tailwind

Workspace

智能调色板

探索色彩的无限可能,基于色彩理论生成和谐的专业配色方案。

配色规则

导出方案

点击色块复制颜色代码,按 space 键随机生成

工具介绍

智能调色板生成器是一个专为设计师和开发者打造的配色工具。它基于专业的色彩理论(如互补色、三角色),帮助您快速创建和谐、美观的配色方案。

功能特点

  • 智能配色算法

- 类似色 (Analogous):和谐统一,适合极简设计
- 互补色 (Complementary):高对比度,视觉冲击力强
- 单色系 (Monochromatic):同色调不同明度,层次感丰富
- 三角色/四角色 (Triadic/Tetradic):丰富多彩,适合活力风格
  • 专业色彩操控

- 支持 Chroma.js 驱动的色彩计算
- 实时切换 HEX / RGB / HSL 显示格式
- 空间键 (Space) 快速随机生成灵感
  • 开发友好导出

- 一键复制 CSS Variables (:root { --color-1: ... })
- 导出 Tailwind CSS Config (colors: { ... })
- 导出 JSON Array 数据
  • 设计资产:支持生成并下载调色板图片 (PNG),方便分享给设计团队。

讨论 0

登录 后参与讨论

暂无评论,成为第一个分享观点的人吧。