调色板生成器
CSS颜色调色板生成工具，支持色彩和谐搭配
颜色Palette生成器
主色
亮变
暗变
互补
互补亮
#3C83F6
主色
#9EC1FA
亮变
#0950C3
暗变
#F6AF3C
互补
#F9CD85
互补亮
CSS 变量
:root {
--color-1: #3C83F6;
--color-2: #9EC1FA;
--color-3: #0950C3;
--color-4: #F6AF3C;
--color-5: #F9CD85;
}
/* 使用示例 */
.color-1 { color: #3C83F6; }
.color-2 { color: #9EC1FA; }
.color-3 { color: #0950C3; }
.color-4 { color: #F6AF3C; }
.color-5 { color: #F9CD85; }使用说明
选择基础颜色和配色方案类型，生成5个协调色的调色板。支持类比色、互补色、三色、四色和单色方案。