Startseite Farbpaletten Palette „Sunshine“ mit 4 Farben

Palette „Sunshine“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sunshine“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 3.502

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #44000D;
  --c-vibrant-2: #83142C;
  --c-vibrant-3: #AD1D45;
  --c-vibrant-4: #F9D276;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sunshine (#F9D276) bis zum dunkelsten Ton Rhinoceros Beetle (#44000D). Sie vereint Rhinoceros Beetle, Sweet Cherry Red, French Wine und Sunshine 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 #44000D auf #F9D276 mit 11,59:1.

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

Farben im Detail

Rhinoceros Beetle #44000D

RGB: rgb(68, 0, 13)
HSL: hsl(349, 100%, 13%)
Luminanz: 0,013

Sweet Cherry Red #83142C

RGB: rgb(131, 20, 44)
HSL: hsl(347, 74%, 30%)
Luminanz: 0,055

French Wine #AD1D45

RGB: rgb(173, 29, 69)
HSL: hsl(343, 71%, 40%)
Luminanz: 0,102

Sunshine #F9D276

RGB: rgb(249, 210, 118)
HSL: hsl(42, 92%, 72%)
Luminanz: 0,675

Kontrast & Barrierefreiheit

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

Aa #44000D auf #F9D276 11,59:1 AAA

Aa #83142C auf #F9D276 6,90:1 AA

Aa #AD1D45 auf #F9D276 4,77:1 AA

Aa #44000D auf #AD1D45 2,43:1 Nicht bestanden

Aa #44000D auf #83142C 1,68:1 Nicht bestanden

Aa #83142C auf #AD1D45 1,45:1 Nicht bestanden

Palette „Sunshine“ mit 4 Farben