配色方案生成器

免费配色方案生成器。从任意基础色生成和谐配色。

#3c83f6
#f6af3c
#3c83f6
hsl(217,91%,60%)
#f6af3c
hsl(37,91%,60%)

和谐规则

生成互补色、类似色、三元色、分裂互补色和四元色方案。

任意颜色

选择基础色或输入HEX/RGB生成方案。

导出

复制HEX、RGB或HSL格式,导出CSS变量。

FAQ

什么是互补色?

色轮上直接对面的颜色。如蓝和橙、红和绿。

配色方案应该有多少颜色?

大多数设计使用3-5色:主色、辅助色、强调色和1-2个中性色。