免费颜色工具

调色板生成器

从任何基础颜色生成美观、和谐的调色板。选择和谐规则，复制数值，并导出为 CSS、JSON 或 Tailwind 配置。

基础颜色

和谐规则

您的调色板

#C2C3FA

rgb(194, 195, 250)

hsl(239, 84%, 87%)

#6467F2

rgb(100, 103, 242)

hsl(239, 84%, 67%)

#1317DD

rgb(19, 23, 221)

hsl(239, 84%, 47%)

#F2EF64

rgb(242, 239, 100)

hsl(59, 84%, 67%)

#FAF9C2

rgb(250, 249, 194)

hsl(59, 84%, 87%)

基于色彩理论原则，从互补色、相邻色、三角色、矩形象、单色系和分裂互补色规则中进行选择。

将您的调色板复制为 CSS 自定义属性、JSON 对象或 Tailwind CSS 配置 —— 准备好直接粘贴到您的项目中。

当您更改基础颜色或和谐规则时，您的调色板会立即更新。无需加载，没有延迟 —— 只有即时的视觉反馈。

关于调色板生成器

这款专业的调色板生成器应用色彩理论，从单一的基础颜色创建视觉平衡的调色板。无论您是设计师、开发人员还是艺术家，都可以为 UI 设计、品牌推广或数据可视化生成一致且美观的配色方案 —— 全部免费且直接在浏览器中完成。