复制色值
HEX / RGB / CMYK 一键复制给研发。
HEX
#6667AB
RGB
rgb(102, 103, 171)
CMYK
67, 60, 0, 0
搭配方案
单色、类似色、互补色、三色组，直接复制使用。
Monochrome Depth
Light and dark steps around the hero color.
#3A3B69
1
#505191
2
#6667AB
3
#8989BE
4
#B0B1D4
5
Analogous Flow
Neighbors on the color wheel for a soft gradient story.
#57799E
1
#6879AC
2
#6667AB
3
#7768AC
4
#967BB7
5
Complementary Contrast
Opposites that add clarity and focus.
#6667AB
1
#9E9D57
2
#BAB982
3
#535379
4
#B0B0BF
5
Triadic Balance
Three evenly spaced hues for versatile layouts.
#6667AB
1
#AC6869
2
#69AC68
3
#5D5D8E
4
#9C9DBF
5
Split Complementary
Balanced contrast with two supporting accents.
#6667AB
1
#AC8968
2
#8BAC68
3
#4B4B77
4
#A7A8C8
5
导出
复制 CSS 变量或 Tailwind 配置。
#6667AB
CSS Variables
:root {
--year-base: #6667AB;
--year-base-contrast: #FFFFFF;
--year-accent-1: #505191;
--year-accent-2: #6667AB;
--year-accent-3: #8989BE;
--year-surface: #f8fafc;
}Tailwind Config
theme: {
extend: {
colors: {
primary: 'var(--year-base)',
accent: 'var(--year-accent-1)',
surface: 'var(--year-surface)',
},
},
},场景预览
UI、海报、电商示例。
UI 界面
海报 / 社交
Launch Campaign
Design with #6667AB
电商主图
New Drop · #6667AB-20%
Primary CTA
Secondary
使用建议
Summary
一抹带紫调的长春花蓝，在科技乐观与人文温度之间取得平衡。
Notes
适合与浅紫、电光青做渐变；搭配暖灰或沙色让气质更亲和。界面中可用于标题、按钮或首屏卡片，易于保持对比度。
Tips
- 标签: ui
- 标签: branding
- 标签: metaverse
应用资源
Speed up screens with ready-made UI kits, icons, and design tokens.
UI kit & icons