Startseite Farbpaletten Prplz Nd Pnkz OG EXT

Prplz Nd Pnkz OG EXT

Palette mit 9 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Prplz Nd Pnkz OG EXT

Palette mit 9 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 9 Farben Warm Gemischt Triadisch pink black white red

Likes 27

Farben 9

CSS-Variablen

:root {
  --c-vibrant-1: #130026;
  --c-vibrant-2: #202080;
  --c-vibrant-3: #7052CC;
  --c-vibrant-4: #B68AE6;
  --c-vibrant-5: #F2CCFF;
  --c-vibrant-6: #FF99B2;
  --c-vibrant-7: #CC528F;
  --c-vibrant-8: #B2248F;
  --c-vibrant-9: #800080;
}

Über diese Palette

Diese lebendige Palette mit 9 Farben reicht vom hellsten Ton Sparkling Lavender (#F2CCFF) bis zum dunkelsten Ton Space Grey (#130026). Sie vereint Space Grey, Snorlax, Astro Purple, Luminous Lavender, Sparkling Lavender, Saira Red, Pretty in Plum, Loulou’s Purple und Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #130026 auf #F2CCFF mit 14,07:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Space Grey #130026

RGB: rgb(19, 0, 38)
HSL: hsl(270, 100%, 7%)
Luminanz: 0,003

Snorlax #202080

RGB: rgb(32, 32, 128)
HSL: hsl(240, 60%, 31%)
Luminanz: 0,029

Astro Purple #7052CC

RGB: rgb(112, 82, 204)
HSL: hsl(255, 54%, 56%)
Luminanz: 0,138

Luminous Lavender #B68AE6

RGB: rgb(182, 138, 230)
HSL: hsl(269, 65%, 72%)
Luminanz: 0,338

Sparkling Lavender #F2CCFF

RGB: rgb(242, 204, 255)
HSL: hsl(285, 100%, 90%)
Luminanz: 0,693

Saira Red #FF99B2

RGB: rgb(255, 153, 178)
HSL: hsl(345, 100%, 80%)
Luminanz: 0,473

Pretty in Plum #CC528F

RGB: rgb(204, 82, 143)
HSL: hsl(330, 54%, 56%)
Luminanz: 0,209

Loulou’s Purple #B2248F

RGB: rgb(178, 36, 143)
HSL: hsl(315, 66%, 42%)
Luminanz: 0,127

Purple #800080

RGB: rgb(128, 0, 128)
HSL: hsl(300, 100%, 25%)
Luminanz: 0,062

Kontrast & Barrierefreiheit

9 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #130026 auf #F2CCFF 14,07:1 AAA

Aa #130026 auf #FF99B2 9,90:1 AAA

Aa #202080 auf #F2CCFF 9,40:1 AAA

Aa #130026 auf #B68AE6 7,36:1 AAA

Aa #F2CCFF auf #800080 6,66:1 AA

Aa #202080 auf #FF99B2 6,62:1 AA

Aa #202080 auf #B68AE6 4,92:1 AA

Aa #130026 auf #CC528F 4,90:1 AA

Aa #FF99B2 auf #800080 4,69:1 AA

Aa #F2CCFF auf #B2248F 4,19:1 AA (großer Text)

Aa #7052CC auf #F2CCFF 3,94:1 AA (großer Text)

Aa #130026 auf #7052CC 3,57:1 AA (großer Text)

Aa #B68AE6 auf #800080 3,48:1 AA (großer Text)

Aa #130026 auf #B2248F 3,36:1 AA (großer Text)

Aa #202080 auf #CC528F 3,27:1 AA (großer Text)

Aa #FF99B2 auf #B2248F 2,95:1 Nicht bestanden

Aa #F2CCFF auf #CC528F 2,87:1 Nicht bestanden

Aa #7052CC auf #FF99B2 2,77:1 Nicht bestanden

Aa #202080 auf #7052CC 2,39:1 Nicht bestanden

Aa #CC528F auf #800080 2,32:1 Nicht bestanden

Aa #202080 auf #B2248F 2,24:1 Nicht bestanden

Aa #B68AE6 auf #B2248F 2,19:1 Nicht bestanden

Aa #130026 auf #800080 2,11:1 Nicht bestanden

Aa #7052CC auf #B68AE6 2,06:1 Nicht bestanden

Aa #FF99B2 auf #CC528F 2,02:1 Nicht bestanden

Aa #B68AE6 auf #F2CCFF 1,91:1 Nicht bestanden

Aa #7052CC auf #800080 1,69:1 Nicht bestanden

Aa #B2248F auf #800080 1,59:1 Nicht bestanden

Aa #130026 auf #202080 1,50:1 Nicht bestanden

Aa #B68AE6 auf #CC528F 1,50:1 Nicht bestanden

Aa #CC528F auf #B2248F 1,46:1 Nicht bestanden

Aa #F2CCFF auf #FF99B2 1,42:1 Nicht bestanden

Aa #202080 auf #800080 1,41:1 Nicht bestanden

Aa #7052CC auf #CC528F 1,37:1 Nicht bestanden

Aa #B68AE6 auf #FF99B2 1,35:1 Nicht bestanden

Aa #7052CC auf #B2248F 1,06:1 Nicht bestanden

Prplz Nd Pnkz OG EXT