返回主页

调色板生成

按互补、类似、三角等规则生成和谐配色,并导出 CSS 变量

基准色
配色方式
#3B82F6
hsl(217, 91%, 60%)
#F6AF3B
hsl(37, 91%, 60%)
CSS 变量
:root {
  --color-1: #3b82f6;
  --color-2: #f6af3b;
}

互补是色环上正对的两个颜色;类似是相邻 ±30°;三角是三等分;四角是四等分;分裂互补取 150° 与 210°;单色只改明度。