调色板生成器
随机生成和谐的调色板。
#348514
#1bb187
#2157de
#ba4ee4
#eb7a9a
单击颜色进行复制或生成新调色板
CSS Variables
--color-1: #348514;
--color-2: #1bb187;
--color-3: #2157de;
--color-4: #ba4ee4;
--color-5: #eb7a9a;调色板生成器：为你的设计创建和谐的颜色组合
颜色是设计中最重要的元素之一。一个精心搭配的调色板可以传达品牌个性、建立视觉层次并创造情感联结。我们的生成器随机创建5种颜色的和谐调色板，你可以锁定喜欢的颜色继续生成其余。
每种颜色都以HEX格式显示，可一键复制。还提供CSS变量格式的完整调色板，方便直接在Web项目中使用。适合网页设计、UI/UX设计、品牌设计和任何需要颜色灵感的创意项目。
常见问题
如何选择好的调色板？
从一个你喜欢的颜色开始，锁定它，然后不断生成直到其他颜色互补。最多使用2-3种主色，其余作为中性色。
网站需要多少种颜色？
通常5种：主色（CTA按钮）、辅色（强调）、背景色、文字色和一种突出色。60-30-10法则很有效：60%主色、30%辅色、10%强调色。
可以导出其他格式的调色板吗？
你可以复制单个HEX值或所有即用的CSS变量。对于RGB或HSL等其他格式，使用我们的颜色转换器输入生成的HEX值即可。
想了解更多？ 阅读我们的完整指南 →