SLICKO 8

Palette mit 8 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

SLICKO 8

Palette mit 8 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 8 Farben Neutral Gemischt Komplementär vibrant saturated oil cptnpiranha

Likes 99

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #8F43C6;
  --c-vibrant-2: #DF4FCD;
  --c-vibrant-3: #ED9F2A;
  --c-vibrant-4: #E8EA60;
  --c-vibrant-5: #4AE3BF;
  --c-vibrant-6: #5D51D7;
  --c-vibrant-7: #F6FBD9;
  --c-vibrant-8: #1E1A20;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Apple Martini (#F6FBD9) bis zum dunkelsten Ton Night Demons (#1E1A20). Sie vereint Harley Hair Purple, Purplish Pink, Burning Trail, Celandine, Aphrodite Aqua, Majorelle Blue, Apple Martini und Night Demons in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F6FBD9 auf #1E1A20 mit 16,11:1.

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

Farben im Detail

Harley Hair Purple #8F43C6

RGB: rgb(143, 67, 198)
HSL: hsl(275, 53%, 52%)
Luminanz: 0,139

Purplish Pink #DF4FCD

RGB: rgb(223, 79, 205)
HSL: hsl(308, 69%, 59%)
Luminanz: 0,257

Burning Trail #ED9F2A

RGB: rgb(237, 159, 42)
HSL: hsl(36, 84%, 55%)
Luminanz: 0,430

Celandine #E8EA60

RGB: rgb(232, 234, 96)
HSL: hsl(61, 77%, 65%)
Luminanz: 0,769

Aphrodite Aqua #4AE3BF

RGB: rgb(74, 227, 191)
HSL: hsl(166, 73%, 59%)
Luminanz: 0,602

Majorelle Blue #5D51D7

RGB: rgb(93, 81, 215)
HSL: hsl(245, 63%, 58%)
Luminanz: 0,131

Apple Martini #F6FBD9

RGB: rgb(246, 251, 217)
HSL: hsl(69, 81%, 92%)
Luminanz: 0,936

Night Demons #1E1A20

RGB: rgb(30, 26, 32)
HSL: hsl(280, 10%, 11%)
Luminanz: 0,011

Kontrast & Barrierefreiheit

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

Aa #F6FBD9 auf #1E1A20 16,11:1 AAA

Aa #E8EA60 auf #1E1A20 13,38:1 AAA

Aa #4AE3BF auf #1E1A20 10,65:1 AAA

Aa #ED9F2A auf #1E1A20 7,84:1 AAA

Aa #5D51D7 auf #F6FBD9 5,44:1 AA

Aa #8F43C6 auf #F6FBD9 5,21:1 AA

Aa #DF4FCD auf #1E1A20 5,02:1 AA

Aa #E8EA60 auf #5D51D7 4,52:1 AA

Aa #8F43C6 auf #E8EA60 4,32:1 AA (großer Text)

Aa #4AE3BF auf #5D51D7 3,60:1 AA (großer Text)

Aa #8F43C6 auf #4AE3BF 3,44:1 AA (großer Text)

Aa #DF4FCD auf #F6FBD9 3,21:1 AA (großer Text)

Aa #8F43C6 auf #1E1A20 3,09:1 AA (großer Text)

Aa #5D51D7 auf #1E1A20 2,96:1 Nicht bestanden

Aa #DF4FCD auf #E8EA60 2,67:1 Nicht bestanden

Aa #ED9F2A auf #5D51D7 2,65:1 Nicht bestanden

Aa #8F43C6 auf #ED9F2A 2,53:1 Nicht bestanden

Aa #DF4FCD auf #4AE3BF 2,12:1 Nicht bestanden

Aa #ED9F2A auf #F6FBD9 2,06:1 Nicht bestanden

Aa #ED9F2A auf #E8EA60 1,71:1 Nicht bestanden

Aa #DF4FCD auf #5D51D7 1,69:1 Nicht bestanden

Aa #8F43C6 auf #DF4FCD 1,62:1 Nicht bestanden

Aa #DF4FCD auf #ED9F2A 1,56:1 Nicht bestanden

Aa #4AE3BF auf #F6FBD9 1,51:1 Nicht bestanden

Aa #ED9F2A auf #4AE3BF 1,36:1 Nicht bestanden

Aa #E8EA60 auf #4AE3BF 1,26:1 Nicht bestanden

Aa #E8EA60 auf #F6FBD9 1,20:1 Nicht bestanden

Aa #8F43C6 auf #5D51D7 1,04:1 Nicht bestanden

SLICKO 8

SLICKO 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen