Discord 8

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Discord 8

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Gedeckt 8 Farben Kühl Gemischt Analog

Likes 8

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #000000;
  --c-muted-2: #151517;
  --c-muted-3: #232323;
  --c-muted-4: #1E243D;
  --c-muted-5: #3737B3;
  --c-muted-6: #5865F2;
  --c-muted-7: #BDD8E6;
  --c-muted-8: #FFFFFF;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Dark Void, Young Night, Midnight Express, Blue Cardinal Flower, Flickering Sea, Breezy Blue und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21:1.

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

Farben im Detail

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Dark Void #151517

RGB: rgb(21, 21, 23)
HSL: hsl(240, 5%, 9%)
Luminanz: 0,008

Young Night #232323

RGB: rgb(35, 35, 35)
HSL: hsl(0, 0%, 14%)
Luminanz: 0,017

Midnight Express #1E243D

RGB: rgb(30, 36, 61)
HSL: hsl(228, 34%, 18%)
Luminanz: 0,019

Blue Cardinal Flower #3737B3

RGB: rgb(55, 55, 179)
HSL: hsl(240, 53%, 46%)
Luminanz: 0,068

Flickering Sea #5865F2

RGB: rgb(88, 101, 242)
HSL: hsl(235, 86%, 65%)
Luminanz: 0,178

Breezy Blue #BDD8E6

RGB: rgb(189, 216, 230)
HSL: hsl(200, 45%, 82%)
Luminanz: 0,656

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA

Aa #151517 auf #FFFFFF 18,24:1 AAA

Aa #232323 auf #FFFFFF 15,72:1 AAA

Aa #1E243D auf #FFFFFF 15,27:1 AAA

Aa #000000 auf #BDD8E6 14,13:1 AAA

Aa #151517 auf #BDD8E6 12,27:1 AAA

Aa #232323 auf #BDD8E6 10,57:1 AAA

Aa #1E243D auf #BDD8E6 10,28:1 AAA

Aa #3737B3 auf #FFFFFF 8,90:1 AAA

Aa #3737B3 auf #BDD8E6 5,99:1 AA

Aa #5865F2 auf #FFFFFF 4,61:1 AA

Aa #000000 auf #5865F2 4,56:1 AA

Aa #151517 auf #5865F2 3,96:1 AA (großer Text)

Aa #232323 auf #5865F2 3,41:1 AA (großer Text)

Aa #1E243D auf #5865F2 3,32:1 AA (großer Text)

Aa #5865F2 auf #BDD8E6 3,10:1 AA (großer Text)

Aa #000000 auf #3737B3 2,36:1 Nicht bestanden

Aa #151517 auf #3737B3 2,05:1 Nicht bestanden

Aa #3737B3 auf #5865F2 1,93:1 Nicht bestanden

Aa #232323 auf #3737B3 1,77:1 Nicht bestanden

Aa #1E243D auf #3737B3 1,72:1 Nicht bestanden

Aa #BDD8E6 auf #FFFFFF 1,49:1 Nicht bestanden

Aa #000000 auf #1E243D 1,37:1 Nicht bestanden

Aa #000000 auf #232323 1,34:1 Nicht bestanden

Aa #151517 auf #1E243D 1,19:1 Nicht bestanden

Aa #151517 auf #232323 1,16:1 Nicht bestanden

Aa #000000 auf #151517 1,15:1 Nicht bestanden

Aa #232323 auf #1E243D 1,03:1 Nicht bestanden

Discord 8

Discord 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen