Hollow

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Hollow

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär gameboy hollow knight 2 bit 4 colors

Likes 1.213

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #0F0F1B;
  --c-muted-2: #565A75;
  --c-muted-3: #C6B7BE;
  --c-muted-4: #FAFBF6;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Unbleached (#FAFBF6) bis zum dunkelsten Ton Nyctophobia (#0F0F1B). Sie vereint Nyctophobia, Agate Violet, Lavender Sand und Unbleached 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 #0F0F1B auf #FAFBF6 mit 18,28:1.

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

Farben im Detail

Nyctophobia #0F0F1B

RGB: rgb(15, 15, 27)
HSL: hsl(240, 29%, 8%)
Luminanz: 0,005

Agate Violet #565A75

RGB: rgb(86, 90, 117)
HSL: hsl(232, 15%, 40%)
Luminanz: 0,106

Lavender Sand #C6B7BE

RGB: rgb(198, 183, 190)
HSL: hsl(332, 12%, 75%)
Luminanz: 0,496

Unbleached #FAFBF6

RGB: rgb(250, 251, 246)
HSL: hsl(72, 38%, 97%)
Luminanz: 0,960

Kontrast & Barrierefreiheit

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

Aa #0F0F1B auf #FAFBF6 18,28:1 AAA

Aa #0F0F1B auf #C6B7BE 9,89:1 AAA

Aa #565A75 auf #FAFBF6 6,48:1 AA

Aa #565A75 auf #C6B7BE 3,50:1 AA (großer Text)

Aa #0F0F1B auf #565A75 2,82:1 Nicht bestanden

Aa #C6B7BE auf #FAFBF6 1,85:1 Nicht bestanden

Hollow

Hollow

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen