复制色值
HEX / RGB / CMYK 一键复制给研发。
HEX
#C3F400
RGB
rgb(195, 244, 0)
CMYK
20, 0, 100, 4
搭配方案
单色、类似色、互补色、三色组，直接复制使用。
Monochrome Depth
Light and dark steps around the hero color.
#6A8500
1
#9BC200
2
#C3F400
3
#D4FF29
4
#E0FF66
5
Analogous Flow
Neighbors on the color wheel for a soft gradient story.
#D69D00
1
#F5ED00
2
#C3F400
3
#8BF500
4
#62FF14
5
Complementary Contrast
Opposites that add clarity and focus.
#C3F400
1
#2B00D6
2
#4C1FFF
3
#85A509
4
#D3EF61
5
Triadic Balance
Three evenly spaced hues for versatile layouts.
#C3F400
1
#00C4F5
2
#F500C4
3
#9EC408
4
#D3F745
5
Split Complementary
Balanced contrast with two supporting accents.
#C3F400
1
#0049F5
2
#AC00F5
3
#7F9E05
4
#D9FA57
5
导出
复制 CSS 变量或 Tailwind 配置。
#C3F400
CSS Variables
:root {
--year-base: #C3F400;
--year-base-contrast: #1F2937;
--year-accent-1: #9BC200;
--year-accent-2: #C3F400;
--year-accent-3: #D4FF29;
--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 #C3F400
电商主图
New Drop · #C3F400-20%
Primary CTA
Secondary
使用建议
Summary
高能量的黄绿色，强调创新与速度感。
Notes
适合在深色或中性底上做强调，搭配深靛蓝或炭黑保证可读性，避免大面积使用。
Tips
- 标签: ui
- 标签: product
- 标签: branding
应用资源
Speed up screens with ready-made UI kits, icons, and design tokens.
UI kit & icons