Startseite Farbpaletten Solar Eclipse

Solar Eclipse

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

Zurück zur Bibliothek

Solar Eclipse

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog orange gameboy warm

Likes 20

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFFCFE;
  --c-vibrant-2: #FFC200;
  --c-vibrant-3: #FF2A00;
  --c-vibrant-4: #11070A;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Whitecap Snow (#FFFCFE) bis zum dunkelsten Ton Chyornyi Black (#11070A). Sie vereint Whitecap Snow, Citrus Splash, Ferrari Red und Chyornyi Black 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 #FFFCFE auf #11070A mit 19,47:1.

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

Farben im Detail

Whitecap Snow #FFFCFE

RGB: rgb(255, 252, 254)
HSL: hsl(320, 100%, 99%)
Luminanz: 0,980

Citrus Splash #FFC200

RGB: rgb(255, 194, 0)
HSL: hsl(46, 100%, 50%)
Luminanz: 0,598

Ferrari Red #FF2A00

RGB: rgb(255, 42, 0)
HSL: hsl(10, 100%, 50%)
Luminanz: 0,229

Chyornyi Black #11070A

RGB: rgb(17, 7, 10)
HSL: hsl(342, 42%, 5%)
Luminanz: 0,003

Kontrast & Barrierefreiheit

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

Aa #FFFCFE auf #11070A 19,47:1 AAA

Aa #FFC200 auf #11070A 12,25:1 AAA

Aa #FF2A00 auf #11070A 5,27:1 AA

Aa #FFFCFE auf #FF2A00 3,69:1 AA (großer Text)

Aa #FFC200 auf #FF2A00 2,32:1 Nicht bestanden

Aa #FFFCFE auf #FFC200 1,59:1 Nicht bestanden

Solar Eclipse

Solar Eclipse

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen