Palette generieren
  1. Farbpaletten
  2. UI Accessibility Matrix Toolkit
Hergestellt in 07/07/2025 16:59
vonpalettespicker
  21

UI Accessibility Matrix Toolkit

Compliance Cream
#fffde7
ARIA Sky
#81d4fa
Vision Contrast Navy
#1c1c1c
Keyboard Focus Yellow
#ffeb3b
Screen Reader Indigo
#3f51b5
Motion Safe Gray
#bdbdbd
Die Palette besteht aus Licht, Dunkel, Halbdunkel-Farben. Akzentfarben Compliance Cream #fffde7 und ARIA Sky #81d4fa. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Die Palette UI Accessibility Matrix Toolkit enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #fffde7, RGB: (255, 253, 231); VERHEXEN: #81d4fa, RGB: (129, 212, 250); VERHEXEN: #1c1c1c, RGB: (28, 28, 28)
VERHEXEN: #ffeb3b, RGB: (255, 235, 59); VERHEXEN: #3f51b5, RGB: (63, 81, 181); VERHEXEN: #bdbdbd, RGB: (189, 189, 189)
Vereinfachte Version der Palettenfarben
Schatten von beige, Schatten von skyblue, Schatten von Schwarz, Farbton von Gelb, Farbton von slateblue, Farbton von Silber
Farbschema wurde erstellt von palettespicker

Farbcodes in der Palette

UI Accessibility Matrix Toolkit Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#fffde7 #fffde7 RGB(255, 253, 231)Compliance Cream—
#81d4fa #81d4fa RGB(129, 212, 250)ARIA Sky—
#1c1c1c #1c1c1c RGB(28, 28, 28)Vision Contrast NavyGray11
#ffeb3b #ffeb3b RGB(255, 235, 59)Keyboard Focus Yellow—
#3f51b5 #3f51b5 RGB(63, 81, 181)Screen Reader Indigo—
#bdbdbd #bdbdbd RGB(189, 189, 189)Motion Safe GrayGray74

Farbpalette Kontrast

6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#fffde7
#81d4fa
1.6
#fffde7
#ffeb3b
1.18
#fffde7
#bdbdbd
1.83
#81d4fa
#ffeb3b
1.35
#81d4fa
#bdbdbd
1.13
#ffeb3b
#bdbdbd
1.53

Bildpalette UI Accessibility Matrix Toolkit png

UI Accessibility Matrix Toolkit - #554131
 Bild herunterladen