Startseite Farbpaletten Palette „Portofino“ mit 4 Farben

Palette „Portofino“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Portofino“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Analog

Likes 3.413

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #212125;
  --c-muted-2: #239D60;
  --c-muted-3: #A3DE83;
  --c-muted-4: #F7F39A;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Portofino (#F7F39A) bis zum dunkelsten Ton Noble Black (#212125). Sie vereint Noble Black, Starship Trooper, Feijoa und Portofino 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 #212125 auf #F7F39A mit 13,94:1.

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

Farben im Detail

Noble Black #212125

RGB: rgb(33, 33, 37)
HSL: hsl(240, 6%, 14%)
Luminanz: 0,015

Starship Trooper #239D60

RGB: rgb(35, 157, 96)
HSL: hsl(150, 64%, 38%)
Luminanz: 0,253

Feijoa #A3DE83

RGB: rgb(163, 222, 131)
HSL: hsl(99, 58%, 69%)
Luminanz: 0,617

Portofino #F7F39A

RGB: rgb(247, 243, 154)
HSL: hsl(57, 85%, 79%)
Luminanz: 0,862

Kontrast & Barrierefreiheit

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

Aa #212125 auf #F7F39A 13,94:1 AAA

Aa #212125 auf #A3DE83 10,19:1 AAA

Aa #212125 auf #239D60 4,63:1 AA

Aa #239D60 auf #F7F39A 3,01:1 AA (großer Text)

Aa #239D60 auf #A3DE83 2,20:1 Nicht bestanden

Aa #A3DE83 auf #F7F39A 1,37:1 Nicht bestanden

Palette „Portofino“ mit 4 Farben