Enbynana

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

Zurück zur Bibliothek

Enbynana

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch banana pop nonbinary

Likes 30

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FBF236;
  --c-vibrant-2: #FCFCF7;
  --c-vibrant-3: #A519C5;
  --c-vibrant-4: #191002;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Cool December (#FCFCF7) bis zum dunkelsten Ton Crowshead (#191002). Sie vereint Yellow-Bellied, Cool December, Prom Queen und Crowshead in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FCFCF7 auf #191002 mit 18,28:1.

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

Farben im Detail

Yellow-Bellied #FBF236

RGB: rgb(251, 242, 54)
HSL: hsl(57, 96%, 60%)
Luminanz: 0,843

Cool December #FCFCF7

RGB: rgb(252, 252, 247)
HSL: hsl(60, 45%, 98%)
Luminanz: 0,970

Prom Queen #A519C5

RGB: rgb(165, 25, 197)
HSL: hsl(289, 77%, 44%)
Luminanz: 0,127

Crowshead #191002

RGB: rgb(25, 16, 2)
HSL: hsl(37, 85%, 5%)
Luminanz: 0,006

Kontrast & Barrierefreiheit

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

Aa #FCFCF7 auf #191002 18,28:1 AAA

Aa #FBF236 auf #191002 16,00:1 AAA

Aa #FCFCF7 auf #A519C5 5,76:1 AA

Aa #FBF236 auf #A519C5 5,04:1 AA

Aa #A519C5 auf #191002 3,18:1 AA (großer Text)

Aa #FBF236 auf #FCFCF7 1,14:1 Nicht bestanden

Enbynana

Enbynana

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen