Switch

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

Zurück zur Bibliothek

Switch

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch

Likes 6

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #639BFF;
  --c-muted-2: #D32F35;
  --c-muted-3: #373B40;
  --c-muted-4: #131416;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Blue Chaos (#639BFF) bis zum dunkelsten Ton Sooty (#131416). Sie vereint Blue Chaos, Akuma, Crypt und Sooty in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #639BFF auf #131416 mit 6,73:1.

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

Farben im Detail

Blue Chaos #639BFF

RGB: rgb(99, 155, 255)
HSL: hsl(218, 100%, 69%)
Luminanz: 0,333

Akuma #D32F35

RGB: rgb(211, 47, 53)
HSL: hsl(358, 65%, 51%)
Luminanz: 0,161

Crypt #373B40

RGB: rgb(55, 59, 64)
HSL: hsl(213, 8%, 23%)
Luminanz: 0,043

Sooty #131416

RGB: rgb(19, 20, 22)
HSL: hsl(220, 7%, 8%)
Luminanz: 0,007

Kontrast & Barrierefreiheit

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

Aa #639BFF auf #131416 6,73:1 AA

Aa #639BFF auf #373B40 4,12:1 AA (großer Text)

Aa #D32F35 auf #131416 3,71:1 AA (großer Text)

Aa #D32F35 auf #373B40 2,27:1 Nicht bestanden

Aa #639BFF auf #D32F35 1,81:1 Nicht bestanden

Aa #373B40 auf #131416 1,63:1 Nicht bestanden

Switch

Switch

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen