Red Panda

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

Zurück zur Bibliothek

Red Panda

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch 2bit gb

Likes 7

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #03030F;
  --c-vibrant-2: #FF5730;
  --c-vibrant-3: #BBC1C4;
  --c-vibrant-4: #FDE4D4;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Ephemeral Peach (#FDE4D4) bis zum dunkelsten Ton Broken Tube (#03030F). Sie vereint Broken Tube, Poppy Surprise, Distant Star und Ephemeral Peach 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 #03030F auf #FDE4D4 mit 16,82:1.

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

Farben im Detail

Broken Tube #03030F

RGB: rgb(3, 3, 15)
HSL: hsl(240, 67%, 4%)
Luminanz: 0,001

Poppy Surprise #FF5730

RGB: rgb(255, 87, 48)
HSL: hsl(11, 100%, 59%)
Luminanz: 0,283

Distant Star #BBC1C4

RGB: rgb(187, 193, 196)
HSL: hsl(200, 7%, 75%)
Luminanz: 0,527

Ephemeral Peach #FDE4D4

RGB: rgb(253, 228, 212)
HSL: hsl(23, 91%, 91%)
Luminanz: 0,811

Kontrast & Barrierefreiheit

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

Aa #03030F auf #FDE4D4 16,82:1 AAA

Aa #03030F auf #BBC1C4 11,27:1 AAA

Aa #03030F auf #FF5730 6,50:1 AA

Aa #FF5730 auf #FDE4D4 2,59:1 Nicht bestanden

Aa #FF5730 auf #BBC1C4 1,73:1 Nicht bestanden

Aa #BBC1C4 auf #FDE4D4 1,49:1 Nicht bestanden

Red Panda

Red Panda

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen