Tritanopi8

Palette mit 8 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Tritanopi8

Palette mit 8 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär tritanopia colourblindness

Likes 10

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #555555;
  --c-earthy-3: #AAAAAA;
  --c-earthy-4: #FFFFFF;
  --c-earthy-5: #00AA7F;
  --c-earthy-6: #55FFD0;
  --c-earthy-7: #AA0020;
  --c-earthy-8: #FF557F;
}

Über diese Palette

Diese erdige 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, Simply Green, Rare Wind, Incarnadine und Warm Pink in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

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

Simply Green #00AA7F

RGB: rgb(0, 170, 127)
HSL: hsl(165, 100%, 33%)
Luminanz: 0,303

Rare Wind #55FFD0

RGB: rgb(85, 255, 208)
HSL: hsl(163, 100%, 67%)
Luminanz: 0,780

Incarnadine #AA0020

RGB: rgb(170, 0, 32)
HSL: hsl(349, 100%, 33%)
Luminanz: 0,087

Warm Pink #FF557F

RGB: rgb(255, 85, 127)
HSL: hsl(345, 100%, 67%)
Luminanz: 0,293

Kontrast & Barrierefreiheit

9 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 #55FFD0 16,60:1 AAA

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

Aa #FFFFFF auf #AA0020 7,69:1 AAA

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

Aa #000000 auf #00AA7F 7,06:1 AAA

Aa #000000 auf #FF557F 6,86:1 AA

Aa #55FFD0 auf #AA0020 6,08:1 AA

Aa #555555 auf #55FFD0 5,89:1 AA

Aa #AAAAAA auf #AA0020 3,31:1 AA (großer Text)

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

Aa #FFFFFF auf #FF557F 3,06:1 AA (großer Text)

Aa #FFFFFF auf #00AA7F 2,98:1 Nicht bestanden

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

Aa #000000 auf #AA0020 2,73:1 Nicht bestanden

Aa #00AA7F auf #AA0020 2,58:1 Nicht bestanden

Aa #555555 auf #00AA7F 2,51:1 Nicht bestanden

Aa #AA0020 auf #FF557F 2,51:1 Nicht bestanden

Aa #555555 auf #FF557F 2,43:1 Nicht bestanden

Aa #55FFD0 auf #FF557F 2,42:1 Nicht bestanden

Aa #00AA7F auf #55FFD0 2,35:1 Nicht bestanden

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

Aa #AAAAAA auf #55FFD0 1,84:1 Nicht bestanden

Aa #AAAAAA auf #FF557F 1,32:1 Nicht bestanden

Aa #AAAAAA auf #00AA7F 1,28:1 Nicht bestanden

Aa #FFFFFF auf #55FFD0 1,26:1 Nicht bestanden

Aa #555555 auf #AA0020 1,03:1 Nicht bestanden

Aa #00AA7F auf #FF557F 1,03:1 Nicht bestanden

Tritanopi8

Tritanopi8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen