Color Palette Generator
Generate color palettes using 7 classic harmony rules: complementary, analogous, triadic, tetradic, monochrome, split-complementary, square. One-click copy HEX.
配色方案
50#f2f6fc
100#e6edf9
200#bbd4fc
300#8fb8fa
400#5996f7
500#2474f5
600#0a5adb
700#0846aa
800#063684
900#11274b
950#09162a
Tailwind 配置
brand: {
50: '#f2f6fc',
100: '#e6edf9',
200: '#bbd4fc',
300: '#8fb8fa',
400: '#5996f7',
500: '#2474f5',
600: '#0a5adb',
700: '#0846aa',
800: '#063684',
900: '#11274b',
950: '#09162a',
}50
#f2f6fc
rgb(242, 246, 252)
✗ 白字 1.1✓ 黑字 19.4
100
#e6edf9
rgb(230, 237, 249)
✗ 白字 1.2✓ 黑字 17.8
200
#bbd4fc
rgb(187, 212, 252)
✗ 白字 1.5✓ 黑字 13.9
300
#8fb8fa
rgb(143, 184, 250)
✗ 白字 2.0✓ 黑字 10.4
400
#5996f7
rgb(89, 150, 247)
✗ 白字 2.9✓ 黑字 7.1
500
#2474f5
rgb(36, 116, 245)
✗ 白字 4.3✓ 黑字 4.9
600
#0a5adb
rgb(10, 90, 219)
✓ 白字 6.0✗ 黑字 3.5
700
#0846aa
rgb(8, 70, 170)
✓ 白字 8.5✗ 黑字 2.5
800
#063684
rgb(6, 54, 132)
✓ 白字 11.2✗ 黑字 1.9
900
#11274b
rgb(17, 39, 75)
✓ 白字 14.8✗ 黑字 1.4
950
#09162a
rgb(9, 22, 42)
✓ 白字 18.1✗ 黑字 1.2