Red
#FF0000
Likes
34
Farben
6
CSS-Variablen
:root {
--c-vibrant-1: #FF0000;
--c-vibrant-2: #821742;
--c-vibrant-3: #410B3D;
--c-vibrant-4: #230A2E;
--c-vibrant-5: #C00EF1;
--c-vibrant-6: #7816B1;
}Über diese Palette
Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Red (#FF0000) bis zum dunkelsten Ton Dark Prom Queen (#230A2E). Sie vereint Red, Akuma’s Fury, Pion Purple, Dark Prom Queen, Promiscuous Pink und Fuchsia Nebula in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FF0000 auf #230A2E mit 4,55:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Akuma’s Fury
#821742
Pion Purple
#410B3D
Dark Prom Queen
#230A2E
Promiscuous Pink
#C00EF1
Fuchsia Nebula
#7816B1
Kontrast & Barrierefreiheit
1 von 15 Farbpaaren erreicht die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FF0000 auf #230A2E
4,55:1
AA
Aa
#230A2E auf #C00EF1
3,96:1
AA (großer Text)
Aa
#FF0000 auf #410B3D
3,92:1
AA (großer Text)
Aa
#410B3D auf #C00EF1
3,41:1
AA (großer Text)
Aa
#FF0000 auf #821742
2,44:1
Nicht bestanden
Aa
#230A2E auf #7816B1
2,21:1
Nicht bestanden
Aa
#821742 auf #C00EF1
2,13:1
Nicht bestanden
Aa
#FF0000 auf #7816B1
2,06:1
Nicht bestanden
Aa
#410B3D auf #7816B1
1,90:1
Nicht bestanden
Aa
#821742 auf #230A2E
1,86:1
Nicht bestanden
Aa
#C00EF1 auf #7816B1
1,80:1
Nicht bestanden
Aa
#821742 auf #410B3D
1,60:1
Nicht bestanden
Aa
#821742 auf #7816B1
1,19:1
Nicht bestanden
Aa
#410B3D auf #230A2E
1,16:1
Nicht bestanden
Aa
#FF0000 auf #C00EF1
1,15:1
Nicht bestanden
Ähnliche Paletten
#000000
#3D0000
#950101
#FF0000
#E23E57
#88304E
#522546
#311D3F
#FF204E
#A0153E
#5D0E41
#00224D
#030637
#3C0753
#720455
#910A67
#1C0A00
#361500
#603601
#CC9544
#252525
#FF0000
#AF0404
#414141
#362222
#171010
#423F3E
#2B2B2B
#1A1A1D
#3B1C32
#6A1E55
#A64D79