Startseite Farbpaletten Optimized Grayscale 4

Optimized Grayscale 4

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

Zurück zur Bibliothek

Optimized Grayscale 4

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Monochrom gray monoramp monochrome 4

Likes 85

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #DFDFDF;
  --c-muted-2: #9F9F9F;
  --c-muted-3: #606060;
  --c-muted-4: #202020;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Friendly Ghost (#DFDFDF) bis zum dunkelsten Ton Lead (#202020). Sie vereint Friendly Ghost, Cold Grey, Kettleman und Lead 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 #DFDFDF auf #202020 mit 12,23:1.

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

Farben im Detail

Friendly Ghost #DFDFDF

RGB: rgb(223, 223, 223)
HSL: hsl(0, 0%, 87%)
Luminanz: 0,738

Cold Grey #9F9F9F

RGB: rgb(159, 159, 159)
HSL: hsl(0, 0%, 62%)
Luminanz: 0,347

Kettleman #606060

RGB: rgb(96, 96, 96)
HSL: hsl(0, 0%, 38%)
Luminanz: 0,117

Lead #202020

RGB: rgb(32, 32, 32)
HSL: hsl(0, 0%, 13%)
Luminanz: 0,014

Kontrast & Barrierefreiheit

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

Aa #DFDFDF auf #202020 12,23:1 AAA

Aa #9F9F9F auf #202020 6,16:1 AA

Aa #DFDFDF auf #606060 4,72:1 AA

Aa #606060 auf #202020 2,59:1 Nicht bestanden

Aa #9F9F9F auf #606060 2,38:1 Nicht bestanden

Aa #DFDFDF auf #9F9F9F 1,99:1 Nicht bestanden

Optimized Grayscale 4