Deuteranopi8

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

Zurück zur Bibliothek

Deuteranopi8

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

Bearbeiten

Gedeckt 8 Farben Kühl Gemischt Komplementär deuteranopia protanopia colourblindness

Likes 8

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #000000;
  --c-muted-2: #555555;
  --c-muted-3: #AAAAAA;
  --c-muted-4: #FFFFFF;
  --c-muted-5: #7F7F00;
  --c-muted-6: #FFFF00;
  --c-muted-7: #2020AA;
  --c-muted-8: #5555FF;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Stone Cold, Dhūsar Grey, White, Drably Olive, Yellow, Sapphire Splendour und Shady Neon Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 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

Stone Cold #555555

RGB: rgb(85, 85, 85)
HSL: hsl(0, 0%, 33%)
Luminanz: 0,091

Dhūsar Grey #AAAAAA

RGB: rgb(170, 170, 170)
HSL: hsl(0, 0%, 67%)
Luminanz: 0,402

White #FFFFFF

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

Drably Olive #7F7F00

RGB: rgb(127, 127, 0)
HSL: hsl(60, 100%, 25%)
Luminanz: 0,197

Yellow #FFFF00

RGB: rgb(255, 255, 0)
HSL: hsl(60, 100%, 50%)
Luminanz: 0,928

Sapphire Splendour #2020AA

RGB: rgb(32, 32, 170)
HSL: hsl(240, 68%, 40%)
Luminanz: 0,042

Shady Neon Blue #5555FF

RGB: rgb(85, 85, 255)
HSL: hsl(240, 100%, 67%)
Luminanz: 0,157

Kontrast & Barrierefreiheit

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

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

Aa #000000 auf #FFFF00 19,56:1 AAA

Aa #FFFFFF auf #2020AA 11,36:1 AAA

Aa #FFFF00 auf #2020AA 10,58:1 AAA

Aa #000000 auf #AAAAAA 9,04:1 AAA

Aa #555555 auf #FFFFFF 7,46:1 AAA

Aa #555555 auf #FFFF00 6,94:1 AA

Aa #FFFFFF auf #5555FF 5,09:1 AA

Aa #000000 auf #7F7F00 4,94:1 AA

Aa #AAAAAA auf #2020AA 4,89:1 AA

Aa #FFFF00 auf #5555FF 4,74:1 AA

Aa #FFFFFF auf #7F7F00 4,25:1 AA (großer Text)

Aa #000000 auf #5555FF 4,13:1 AA (großer Text)

Aa #7F7F00 auf #FFFF00 3,96:1 AA (großer Text)

Aa #555555 auf #AAAAAA 3,21:1 AA (großer Text)

Aa #000000 auf #555555 2,82:1 Nicht bestanden

Aa #7F7F00 auf #2020AA 2,67:1 Nicht bestanden

Aa #AAAAAA auf #FFFFFF 2,32:1 Nicht bestanden

Aa #2020AA auf #5555FF 2,23:1 Nicht bestanden

Aa #AAAAAA auf #5555FF 2,19:1 Nicht bestanden

Aa #AAAAAA auf #FFFF00 2,16:1 Nicht bestanden

Aa #000000 auf #2020AA 1,85:1 Nicht bestanden

Aa #AAAAAA auf #7F7F00 1,83:1 Nicht bestanden

Aa #555555 auf #7F7F00 1,75:1 Nicht bestanden

Aa #555555 auf #2020AA 1,52:1 Nicht bestanden

Aa #555555 auf #5555FF 1,47:1 Nicht bestanden

Aa #7F7F00 auf #5555FF 1,20:1 Nicht bestanden

Aa #FFFFFF auf #FFFF00 1,07:1 Nicht bestanden

Deuteranopi8

Deuteranopi8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen