🎨

配色方案生成器

从主色生成和谐的配色方案,导出 HEX 或 CSS 变量。

#6467f2
#f26467
#67f264

使用说明

  1. 在输入框输入颜色值(十六进制、RGB 或 HSL 均可)
  2. 点击「生成」自动提取配色方案
  3. 点击色块旁的复制图标将颜色值复制到剪贴板

常见问题

调色板工具有什么用?
帮助设计师和开发者从一个主色快速生成协调的配色方案,节省手动调色的时间。
支持哪些颜色格式?
支持 HEX(如 #5046e4)、RGB(如 rgb(80,70,228))和 HSL 格式,可自由切换。
生成的颜色方案可以导出吗?
可以点击各色块旁的复制按钮,将颜色值逐一复制;也可以截图保存整个配色方案。