Dark Mode

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

Zurück zur Bibliothek

Dark Mode

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Monochrom 2bit software gamboy darkmode

Likes 18

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #212121;
  --c-muted-2: #454545;
  --c-muted-3: #787878;
  --c-muted-4: #A8A5A5;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Smokey Wings (#A8A5A5) bis zum dunkelsten Ton Lead (#212121). Sie vereint Lead, Machine Gun Metal, Westchester Grey und Smokey Wings 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 #212121 auf #A8A5A5 mit 6,59:1.

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

Farben im Detail

Lead #212121

RGB: rgb(33, 33, 33)
HSL: hsl(0, 0%, 13%)
Luminanz: 0,015

Machine Gun Metal #454545

RGB: rgb(69, 69, 69)
HSL: hsl(0, 0%, 27%)
Luminanz: 0,060

Westchester Grey #787878

RGB: rgb(120, 120, 120)
HSL: hsl(0, 0%, 47%)
Luminanz: 0,188

Smokey Wings #A8A5A5

RGB: rgb(168, 165, 165)
HSL: hsl(0, 2%, 65%)
Luminanz: 0,380

Kontrast & Barrierefreiheit

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

Aa #212121 auf #A8A5A5 6,59:1 AA

Aa #454545 auf #A8A5A5 3,92:1 AA (großer Text)

Aa #212121 auf #787878 3,65:1 AA (großer Text)

Aa #454545 auf #787878 2,17:1 Nicht bestanden

Aa #787878 auf #A8A5A5 1,81:1 Nicht bestanden

Aa #212121 auf #454545 1,68:1 Nicht bestanden

Dark Mode

Dark Mode

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen