White
#FFFFFF
Likes
38
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #FFFFFF;
--c-vibrant-2: #FF0077;
--c-vibrant-3: #FFD000;
--c-vibrant-4: #22F800;
--c-vibrant-5: #00E1FF;
--c-vibrant-6: #BA0000;
--c-vibrant-7: #E85800;
--c-vibrant-8: #0583CC;
--c-vibrant-9: #8200E2;
--c-vibrant-10: #36005C;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Cotinga Purple (#36005C). Sie vereint White, Guns N’ Roses, Electric Glow, Green Screen, Neon Blue, Harlock’s Cape, Poppy Flower, Lvivian Rain, Electric Violet und Cotinga Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFFFF auf #36005C mit 16,01:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Guns N’ Roses
#FF0077
Electric Glow
#FFD000
Green Screen
#22F800
Neon Blue
#00E1FF
Harlock’s Cape
#BA0000
Poppy Flower
#E85800
Lvivian Rain
#0583CC
Electric Violet
#8200E2
Cotinga Purple
#36005C
Kontrast & Barrierefreiheit
10 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFFFF auf #36005C
16,01:1
AAA
Aa
#22F800 auf #36005C
11,05:1
AAA
Aa
#FFD000 auf #36005C
10,88:1
AAA
Aa
#00E1FF auf #36005C
10,08:1
AAA
Aa
#FFFFFF auf #8200E2
6,89:1
AA
Aa
#FFFFFF auf #BA0000
6,80:1
AA
Aa
#22F800 auf #8200E2
4,76:1
AA
Aa
#22F800 auf #BA0000
4,69:1
AA
Aa
#FFD000 auf #8200E2
4,68:1
AA
Aa
#FFD000 auf #BA0000
4,62:1
AA
Aa
#E85800 auf #36005C
4,44:1
AA (großer Text)
Aa
#00E1FF auf #8200E2
4,34:1
AA (großer Text)
Aa
#00E1FF auf #BA0000
4,28:1
AA (großer Text)
Aa
#FF0077 auf #36005C
4,21:1
AA (großer Text)
Aa
#FFFFFF auf #0583CC
4,10:1
AA (großer Text)
Aa
#0583CC auf #36005C
3,91:1
AA (großer Text)
Aa
#FFFFFF auf #FF0077
3,81:1
AA (großer Text)
Aa
#FFFFFF auf #E85800
3,60:1
AA (großer Text)
Aa
#22F800 auf #0583CC
2,83:1
Nicht bestanden
Aa
#FFD000 auf #0583CC
2,79:1
Nicht bestanden
Aa
#FF0077 auf #22F800
2,63:1
Nicht bestanden
Aa
#FF0077 auf #FFD000
2,59:1
Nicht bestanden
Aa
#00E1FF auf #0583CC
2,58:1
Nicht bestanden
Aa
#22F800 auf #E85800
2,49:1
Nicht bestanden
Aa
#FFD000 auf #E85800
2,45:1
Nicht bestanden
Aa
#FF0077 auf #00E1FF
2,39:1
Nicht bestanden
Aa
#BA0000 auf #36005C
2,35:1
Nicht bestanden
Aa
#8200E2 auf #36005C
2,32:1
Nicht bestanden
Aa
#00E1FF auf #E85800
2,27:1
Nicht bestanden
Aa
#E85800 auf #8200E2
1,91:1
Nicht bestanden
Aa
#BA0000 auf #E85800
1,89:1
Nicht bestanden
Aa
#FF0077 auf #8200E2
1,81:1
Nicht bestanden
Aa
#FF0077 auf #BA0000
1,79:1
Nicht bestanden
Aa
#0583CC auf #8200E2
1,68:1
Nicht bestanden
Aa
#BA0000 auf #0583CC
1,66:1
Nicht bestanden
Aa
#FFFFFF auf #00E1FF
1,59:1
Nicht bestanden
Aa
#FFFFFF auf #FFD000
1,47:1
Nicht bestanden
Aa
#FFFFFF auf #22F800
1,45:1
Nicht bestanden
Aa
#E85800 auf #0583CC
1,14:1
Nicht bestanden
Aa
#22F800 auf #00E1FF
1,10:1
Nicht bestanden
Aa
#FF0077 auf #0583CC
1,08:1
Nicht bestanden
Aa
#FFD000 auf #00E1FF
1,08:1
Nicht bestanden
Aa
#FF0077 auf #E85800
1,06:1
Nicht bestanden
Aa
#FFD000 auf #22F800
1,02:1
Nicht bestanden
Aa
#BA0000 auf #8200E2
1,01: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