配色方案生成器

在线配色方案生成器,支持互补色、类似色、三色组等多种配色模式

HSL(239°, 84%, 67%)

色轮上相对的两种颜色

主色

#6366f1

互补色

#f2ef64

浅色

#c2c3fa

互补浅色

#faf9c2

深色

#1317dd

CSS 变量
:root {
  --color-主色: #6366f1;
  --color-互补色: #f2ef64;
  --color-浅色: #c2c3fa;
  --color-互补浅色: #faf9c2;
  --color-深色: #1317dd;
}

常见问题

相关工具