Black
#000000
Likes
10
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #000000;
--c-vibrant-2: #FB0007;
--c-vibrant-3: #D58540;
--c-vibrant-4: #FDA941;
--c-vibrant-5: #FFFF0B;
--c-vibrant-6: #22FF06;
--c-vibrant-7: #21FFFF;
--c-vibrant-8: #3BA6FF;
--c-vibrant-9: #1700FF;
--c-vibrant-10: #D6D5FF;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Sunblast Yellow (#FFFF0B) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Minesweeper’s Red, Jazz Brass, Match Strike, Sunblast Yellow, Green Screen, Crisp Cyan, Xed, Royal Blue Tang und Pale Lavender in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFF0B mit 19,56:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Minesweeper’s Red
#FB0007
Jazz Brass
#D58540
Match Strike
#FDA941
Sunblast Yellow
#FFFF0B
Green Screen
#22FF06
Crisp Cyan
#21FFFF
Xed
#3BA6FF
Royal Blue Tang
#1700FF
Pale Lavender
#D6D5FF
Kontrast & Barrierefreiheit
12 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#000000 auf #FFFF0B
19,56:1
AAA
Aa
#000000 auf #21FFFF
16,81:1
AAA
Aa
#000000 auf #22FF06
15,37:1
AAA
Aa
#000000 auf #D6D5FF
14,82:1
AAA
Aa
#000000 auf #FDA941
10,93:1
AAA
Aa
#000000 auf #3BA6FF
8,08:1
AAA
Aa
#FFFF0B auf #1700FF
7,89:1
AAA
Aa
#000000 auf #D58540
7,26:1
AAA
Aa
#21FFFF auf #1700FF
6,78:1
AA
Aa
#22FF06 auf #1700FF
6,20:1
AA
Aa
#1700FF auf #D6D5FF
5,98:1
AA
Aa
#000000 auf #FB0007
5,10:1
AA
Aa
#FDA941 auf #1700FF
4,41:1
AA (großer Text)
Aa
#FB0007 auf #FFFF0B
3,83:1
AA (großer Text)
Aa
#FB0007 auf #21FFFF
3,29:1
AA (großer Text)
Aa
#3BA6FF auf #1700FF
3,26:1
AA (großer Text)
Aa
#FB0007 auf #22FF06
3,01:1
AA (großer Text)
Aa
#D58540 auf #1700FF
2,93:1
Nicht bestanden
Aa
#FB0007 auf #D6D5FF
2,90:1
Nicht bestanden
Aa
#D58540 auf #FFFF0B
2,69:1
Nicht bestanden
Aa
#000000 auf #1700FF
2,48:1
Nicht bestanden
Aa
#FFFF0B auf #3BA6FF
2,42:1
Nicht bestanden
Aa
#D58540 auf #21FFFF
2,32:1
Nicht bestanden
Aa
#FB0007 auf #FDA941
2,14:1
Nicht bestanden
Aa
#D58540 auf #22FF06
2,12:1
Nicht bestanden
Aa
#21FFFF auf #3BA6FF
2,08:1
Nicht bestanden
Aa
#FB0007 auf #1700FF
2,06:1
Nicht bestanden
Aa
#D58540 auf #D6D5FF
2,04:1
Nicht bestanden
Aa
#22FF06 auf #3BA6FF
1,90:1
Nicht bestanden
Aa
#3BA6FF auf #D6D5FF
1,83:1
Nicht bestanden
Aa
#FDA941 auf #FFFF0B
1,79:1
Nicht bestanden
Aa
#FB0007 auf #3BA6FF
1,58:1
Nicht bestanden
Aa
#FDA941 auf #21FFFF
1,54:1
Nicht bestanden
Aa
#D58540 auf #FDA941
1,51:1
Nicht bestanden
Aa
#FB0007 auf #D58540
1,42:1
Nicht bestanden
Aa
#FDA941 auf #22FF06
1,41:1
Nicht bestanden
Aa
#FDA941 auf #D6D5FF
1,36:1
Nicht bestanden
Aa
#FDA941 auf #3BA6FF
1,35:1
Nicht bestanden
Aa
#FFFF0B auf #D6D5FF
1,32:1
Nicht bestanden
Aa
#FFFF0B auf #22FF06
1,27:1
Nicht bestanden
Aa
#FFFF0B auf #21FFFF
1,16:1
Nicht bestanden
Aa
#21FFFF auf #D6D5FF
1,13:1
Nicht bestanden
Aa
#D58540 auf #3BA6FF
1,11:1
Nicht bestanden
Aa
#22FF06 auf #21FFFF
1,09:1
Nicht bestanden
Aa
#22FF06 auf #D6D5FF
1,04:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50