Hergestellt in 07/11/2025 12:45
Accessibility-First UX Grid
- Contrast Core Black#1a1a1a
- Keyboard Highlight Cyan#00f5d4
- Focus Outline Yellow#fce77d
- Live Region Pink#ff99ac
- Tab Ring Grey#b5b5b5
- Screenreader White#fafafa
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Keyboard Highlight Cyan #00f5d4 und Live Region Pink #ff99ac. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #1A1A1A (dunkelstes) bis #FAFAFA (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur warmen Seite.
HEX-Codes (sortiert): #00F5D4, #1A1A1A, #B5B5B5, #FAFAFA, #FCE77D, #FF99AC
Die Palette Accessibility-First UX Grid enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #1a1a1a, RGB: (26, 26, 26); VERHEXEN: #00f5d4, RGB: (0, 245, 212); VERHEXEN: #fce77d, RGB: (252, 231, 125)
VERHEXEN: #ff99ac, RGB: (255, 153, 172); VERHEXEN: #b5b5b5, RGB: (181, 181, 181); VERHEXEN: #fafafa, RGB: (250, 250, 250)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Farbton von aquamarine, Schatten von Khaki, Farbton von lightpink, Farbton von Silber, Schatten von whitesmoke
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
Accessibility-First UX Grid Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Contrast Core Black | Gray10 |
| #00f5d4 | #00f5d4 | RGB(0, 245, 212) | Keyboard Highlight Cyan | — |
| #fce77d | #fce77d | RGB(252, 231, 125) | Focus Outline Yellow | — |
| #ff99ac | #ff99ac | RGB(255, 153, 172) | Live Region Pink | — |
| #b5b5b5 | #b5b5b5 | RGB(181, 181, 181) | Tab Ring Grey | Brainstem Grey |
| #fafafa | #fafafa | RGB(250, 250, 250) | Screenreader White | Dr. White |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#00f5d4 | #fce77d | 1.12 |
#00f5d4 | #ff99ac | 1.44 |
#00f5d4 | #b5b5b5 | 1.46 |
#00f5d4 | #fafafa | 1.34 |
#fce77d | #ff99ac | 1.62 |
#fce77d | #b5b5b5 | 1.64 |
Bildpalette Accessibility-First UX Grid png
Palette exportieren
Laden Sie die "Accessibility-First UX Grid" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: