Startseite Farbpaletten Palette „Sunspark“ mit 4 Farben

Palette „Sunspark“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sunspark“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 3.615

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #ABC270;
  --c-vibrant-2: #FEC868;
  --c-vibrant-3: #FDA769;
  --c-vibrant-4: #473C33;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sunspark (#FEC868) bis zum dunkelsten Ton Ancient Lavastone (#473C33). Sie vereint Old Lime, Sunspark, Cosy Nook und Ancient Lavastone in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FEC868 auf #473C33 mit 6,97:1.

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

Farben im Detail

Old Lime #ABC270

RGB: rgb(171, 194, 112)
HSL: hsl(77, 40%, 60%)
Luminanz: 0,484

Sunspark #FEC868

RGB: rgb(254, 200, 104)
HSL: hsl(38, 99%, 70%)
Luminanz: 0,634

Cosy Nook #FDA769

RGB: rgb(253, 167, 105)
HSL: hsl(25, 97%, 70%)
Luminanz: 0,495

Ancient Lavastone #473C33

RGB: rgb(71, 60, 51)
HSL: hsl(27, 16%, 24%)
Luminanz: 0,048

Kontrast & Barrierefreiheit

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

Aa #FEC868 auf #473C33 6,97:1 AA

Aa #FDA769 auf #473C33 5,56:1 AA

Aa #ABC270 auf #473C33 5,44:1 AA

Aa #ABC270 auf #FEC868 1,28:1 Nicht bestanden

Aa #FEC868 auf #FDA769 1,25:1 Nicht bestanden

Aa #ABC270 auf #FDA769 1,02:1 Nicht bestanden

Palette „Sunspark“ mit 4 Farben