LostGB

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

LostGB

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom gb lost pokemon creepypasta

Likes 74

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #141319;
  --c-muted-2: #30303D;
  --c-muted-3: #7B7AA4;
  --c-muted-4: #DADADA;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Porpoise (#DADADA) bis zum dunkelsten Ton Dark Void (#141319). Sie vereint Dark Void, Salute, Lavender Violet und Porpoise 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 #141319 auf #DADADA mit 13,21:1.

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

Farben im Detail

Dark Void #141319

RGB: rgb(20, 19, 25)
HSL: hsl(250, 14%, 9%)
Luminanz: 0,007

Salute #30303D

RGB: rgb(48, 48, 61)
HSL: hsl(240, 12%, 21%)
Luminanz: 0,031

Lavender Violet #7B7AA4

RGB: rgb(123, 122, 164)
HSL: hsl(241, 19%, 56%)
Luminanz: 0,208

Porpoise #DADADA

RGB: rgb(218, 218, 218)
HSL: hsl(0, 0%, 85%)
Luminanz: 0,701

Kontrast & Barrierefreiheit

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

Aa #141319 auf #DADADA 13,21:1 AAA

Aa #30303D auf #DADADA 9,30:1 AAA

Aa #141319 auf #7B7AA4 4,54:1 AA

Aa #30303D auf #7B7AA4 3,19:1 AA (großer Text)

Aa #7B7AA4 auf #DADADA 2,91:1 Nicht bestanden

Aa #141319 auf #30303D 1,42:1 Nicht bestanden

LostGB

LostGB

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen