Startseite Farbpaletten Fruitpunch 8 🍇🍓🍍🍏

Fruitpunch 8 🍇🍓🍍🍏

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

Zurück zur Bibliothek

Fruitpunch 8 🍇🍓🍍🍏

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Komplementär polyphrog rainbow fruit

Likes 88

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #120E23;
  --c-vibrant-2: #472859;
  --c-vibrant-3: #225875;
  --c-vibrant-4: #C53062;
  --c-vibrant-5: #249E4F;
  --c-vibrant-6: #F28941;
  --c-vibrant-7: #B4DC3A;
  --c-vibrant-8: #FFF1A9;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Transparent Yellow (#FFF1A9) bis zum dunkelsten Ton Corbeau (#120E23). Sie vereint Corbeau, Acai, Sea Hunter, Maroon Light, Militant Vegan, Hot Orange, Acid Lime und Transparent Yellow 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 #120E23 auf #FFF1A9 mit 16,54:1.

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

Farben im Detail

Corbeau #120E23

RGB: rgb(18, 14, 35)
HSL: hsl(251, 43%, 10%)
Luminanz: 0,006

Acai #472859

RGB: rgb(71, 40, 89)
HSL: hsl(278, 38%, 25%)
Luminanz: 0,036

Sea Hunter #225875

RGB: rgb(34, 88, 117)
HSL: hsl(201, 55%, 30%)
Luminanz: 0,086

Maroon Light #C53062

RGB: rgb(197, 48, 98)
HSL: hsl(340, 61%, 48%)
Luminanz: 0,149

Militant Vegan #249E4F

RGB: rgb(36, 158, 79)
HSL: hsl(141, 63%, 38%)
Luminanz: 0,254

Hot Orange #F28941

RGB: rgb(242, 137, 65)
HSL: hsl(24, 87%, 60%)
Luminanz: 0,372

Acid Lime #B4DC3A

RGB: rgb(180, 220, 58)
HSL: hsl(75, 70%, 55%)
Luminanz: 0,612

Transparent Yellow #FFF1A9

RGB: rgb(255, 241, 169)
HSL: hsl(50, 100%, 83%)
Luminanz: 0,870

Kontrast & Barrierefreiheit

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

Aa #120E23 auf #FFF1A9 16,54:1 AAA

Aa #120E23 auf #B4DC3A 11,90:1 AAA

Aa #472859 auf #FFF1A9 10,73:1 AAA

Aa #472859 auf #B4DC3A 7,72:1 AAA

Aa #120E23 auf #F28941 7,58:1 AAA

Aa #225875 auf #FFF1A9 6,77:1 AA

Aa #120E23 auf #249E4F 5,46:1 AA

Aa #472859 auf #F28941 4,91:1 AA

Aa #225875 auf #B4DC3A 4,87:1 AA

Aa #C53062 auf #FFF1A9 4,63:1 AA

Aa #120E23 auf #C53062 3,57:1 AA (großer Text)

Aa #472859 auf #249E4F 3,54:1 AA (großer Text)

Aa #C53062 auf #B4DC3A 3,33:1 AA (großer Text)

Aa #225875 auf #F28941 3,10:1 AA (großer Text)

Aa #249E4F auf #FFF1A9 3,03:1 AA (großer Text)

Aa #120E23 auf #225875 2,44:1 Nicht bestanden

Aa #472859 auf #C53062 2,32:1 Nicht bestanden

Aa #225875 auf #249E4F 2,23:1 Nicht bestanden

Aa #249E4F auf #B4DC3A 2,18:1 Nicht bestanden

Aa #F28941 auf #FFF1A9 2,18:1 Nicht bestanden

Aa #C53062 auf #F28941 2,12:1 Nicht bestanden

Aa #472859 auf #225875 1,59:1 Nicht bestanden

Aa #F28941 auf #B4DC3A 1,57:1 Nicht bestanden

Aa #120E23 auf #472859 1,54:1 Nicht bestanden

Aa #C53062 auf #249E4F 1,53:1 Nicht bestanden

Aa #225875 auf #C53062 1,46:1 Nicht bestanden

Aa #249E4F auf #F28941 1,39:1 Nicht bestanden

Aa #B4DC3A auf #FFF1A9 1,39:1 Nicht bestanden

Fruitpunch 8 🍇🍓🍍🍏

Fruitpunch 8 🍇🍓🍍🍏

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen