Startseite Farbpaletten Palette „Super Saiyan“ mit 4 Farben

Palette „Super Saiyan“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Super Saiyan“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 2.337

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #4A772F;
  --c-vibrant-2: #FFDD00;
  --c-vibrant-3: #FA9E05;
  --c-vibrant-4: #A7095C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Super Saiyan (#FFDD00) bis zum dunkelsten Ton Banafsaji Purple (#A7095C). Sie vereint Luscious Lemongrass, Super Saiyan, Pencil Me In und Banafsaji Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFDD00 auf #A7095C mit 5,5:1.

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

Farben im Detail

Luscious Lemongrass #4A772F

RGB: rgb(74, 119, 47)
HSL: hsl(98, 43%, 33%)
Luminanz: 0,149

Super Saiyan #FFDD00

RGB: rgb(255, 221, 0)
HSL: hsl(52, 100%, 50%)
Luminanz: 0,730

Pencil Me In #FA9E05

RGB: rgb(250, 158, 5)
HSL: hsl(37, 96%, 50%)
Luminanz: 0,448

Banafsaji Purple #A7095C

RGB: rgb(167, 9, 92)
HSL: hsl(328, 90%, 35%)
Luminanz: 0,092

Kontrast & Barrierefreiheit

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

Aa #FFDD00 auf #A7095C 5,50:1 AA

Aa #4A772F auf #FFDD00 3,93:1 AA (großer Text)

Aa #FA9E05 auf #A7095C 3,51:1 AA (großer Text)

Aa #4A772F auf #FA9E05 2,51:1 Nicht bestanden

Aa #FFDD00 auf #FA9E05 1,57:1 Nicht bestanden

Aa #4A772F auf #A7095C 1,40:1 Nicht bestanden

Palette „Super Saiyan“ mit 4 Farben