Juiciful 8

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Juiciful 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 8 Farben Warm Gemischt Analog pink purple fruit raspberry

Likes 30

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #FFF7F4;
  --c-vibrant-2: #FFC6C6;
  --c-vibrant-3: #FF8282;
  --c-vibrant-4: #FF2F4E;
  --c-vibrant-5: #C60A5F;
  --c-vibrant-6: #820A5F;
  --c-vibrant-7: #420A42;
  --c-vibrant-8: #020202;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Sugar Milk (#FFF7F4) bis zum dunkelsten Ton Black Hole (#020202). Sie vereint Sugar Milk, Cinderella Pink, Light Red, Glorious Red, Yearning Desire, Cardinal Pink, Eggplant und Black Hole in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF7F4 auf #020202 mit 19,62:1.

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

Farben im Detail

Sugar Milk #FFF7F4

RGB: rgb(255, 247, 244)
HSL: hsl(16, 100%, 98%)
Luminanz: 0,943

Cinderella Pink #FFC6C6

RGB: rgb(255, 198, 198)
HSL: hsl(0, 100%, 89%)
Luminanz: 0,657

Light Red #FF8282

RGB: rgb(255, 130, 130)
HSL: hsl(0, 100%, 75%)
Luminanz: 0,388

Glorious Red #FF2F4E

RGB: rgb(255, 47, 78)
HSL: hsl(351, 100%, 59%)
Luminanz: 0,238

Yearning Desire #C60A5F

RGB: rgb(198, 10, 95)
HSL: hsl(333, 90%, 41%)
Luminanz: 0,131

Cardinal Pink #820A5F

RGB: rgb(130, 10, 95)
HSL: hsl(318, 86%, 27%)
Luminanz: 0,058

Eggplant #420A42

RGB: rgb(66, 10, 66)
HSL: hsl(300, 74%, 15%)
Luminanz: 0,018

Black Hole #020202

RGB: rgb(2, 2, 2)
HSL: hsl(0, 0%, 1%)
Luminanz: 0,001

Kontrast & Barrierefreiheit

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

Aa #FFF7F4 auf #020202 19,62:1 AAA

Aa #FFF7F4 auf #420A42 14,67:1 AAA

Aa #FFC6C6 auf #020202 13,98:1 AAA

Aa #FFC6C6 auf #420A42 10,45:1 AAA

Aa #FFF7F4 auf #820A5F 9,20:1 AAA

Aa #FF8282 auf #020202 8,66:1 AAA

Aa #FFC6C6 auf #820A5F 6,56:1 AA

Aa #FF8282 auf #420A42 6,48:1 AA

Aa #FF2F4E auf #020202 5,70:1 AA

Aa #FFF7F4 auf #C60A5F 5,50:1 AA

Aa #FF2F4E auf #420A42 4,26:1 AA (großer Text)

Aa #FF8282 auf #820A5F 4,06:1 AA (großer Text)

Aa #FFC6C6 auf #C60A5F 3,92:1 AA (großer Text)

Aa #C60A5F auf #020202 3,57:1 AA (großer Text)

Aa #FFF7F4 auf #FF2F4E 3,44:1 AA (großer Text)

Aa #FF2F4E auf #820A5F 2,67:1 Nicht bestanden

Aa #C60A5F auf #420A42 2,67:1 Nicht bestanden

Aa #FFC6C6 auf #FF2F4E 2,45:1 Nicht bestanden

Aa #FF8282 auf #C60A5F 2,43:1 Nicht bestanden

Aa #FFF7F4 auf #FF8282 2,27:1 Nicht bestanden

Aa #820A5F auf #020202 2,13:1 Nicht bestanden

Aa #C60A5F auf #820A5F 1,67:1 Nicht bestanden

Aa #FFC6C6 auf #FF8282 1,61:1 Nicht bestanden

Aa #FF2F4E auf #C60A5F 1,60:1 Nicht bestanden

Aa #820A5F auf #420A42 1,59:1 Nicht bestanden

Aa #FF8282 auf #FF2F4E 1,52:1 Nicht bestanden

Aa #FFF7F4 auf #FFC6C6 1,40:1 Nicht bestanden

Aa #420A42 auf #020202 1,34:1 Nicht bestanden

Juiciful 8

Juiciful 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen