色导网调色板生成器：按色彩和谐规则推出整组配色

基色（十六进制）支持 #RGB 与 #RRGGBB 两种写法。

和谐规则

色相 H（0–360）

饱和度 S（0–100）

明度 L（0–100）

#2B5083

hsl(215 51% 34%)白底 8.15:1

#6D92C5

hsl(215 43% 60%)白底 3.20:1

#B44A41

hsl(5 47% 48%)白底 5.25:1

#ABB441

hsl(65 47% 48%)白底 2.25:1

#DDE4EE

hsl(215 33% 90%)白底 1.28:1

CSS 自定义属性

/* 分裂互补：以 #1F3A5F 为基色 */
:root {
  --c1: #2B5083;
  --c2: #6D92C5;
  --c3: #B44A41;
  --c4: #ABB441;
  --c5: #DDE4EE;
}

只读文本框，选中后复制即可。

六种规则分别在做什么

基色先换成 HSL，再按规则给出的色相偏移、饱和度微调与目标明度逐个合成，最后转回十六进制。明度是写死的五档，所以不管选什么规则，结果里一定有深、中、浅三层可用。

每个色块下面的「白底」是它作为文字色压在纯白上的 WCAG 对比度，公式与门槛见对比度检测工具。括号里的 HSL 用于你手动微调。

十二等分色相环与分裂互补的三条角度线。右侧细条是当前默认基色按这条规则生成的结果。