Hergestellt in 06/16/2025 20:09
Mobile First Accessibility Kit
- Readability Navy#1d2545
- Tap Yellow#fff176
- Focus Ring Aqua#38f3e2
- Content Vanilla#fdf4e3
- Contrast Coral#fa7268
- Clear Text Gray#3b3b3b
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Tap Yellow #fff176 und Focus Ring Aqua #38f3e2. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #1D2545 (dunkelstes) bis #FDF4E3 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #1D2545, #38F3E2, #3B3B3B, #FA7268, #FDF4E3, #FFF176
Die Palette Mobile First Accessibility Kit enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #1d2545, RGB: (29, 37, 69); VERHEXEN: #fff176, RGB: (255, 241, 118); VERHEXEN: #38f3e2, RGB: (56, 243, 226)
VERHEXEN: #fdf4e3, RGB: (253, 244, 227); VERHEXEN: #fa7268, RGB: (250, 114, 104); VERHEXEN: #3b3b3b, RGB: (59, 59, 59)
Vereinfachte Version der Palettenfarben
Schatten von midnightblue, Schatten von Khaki, Schatten von turquoise, Farbton von oldlace, Farbton von salmon, Farbton von darkslategrey
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Mobile First Accessibility Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1d2545 | #1d2545 | RGB(29, 37, 69) | Readability Navy | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Tap Yellow | — |
| #38f3e2 | #38f3e2 | RGB(56, 243, 226) | Focus Ring Aqua | — |
| #fdf4e3 | #fdf4e3 | RGB(253, 244, 227) | Content Vanilla | — |
| #fa7268 | #fa7268 | RGB(250, 114, 104) | Contrast Coral | — |
| #3b3b3b | #3b3b3b | RGB(59, 59, 59) | Clear Text Gray | Gray23 |
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#1d2545 | #3b3b3b | 1.33 |
#fff176 | #38f3e2 | 1.19 |
#fff176 | #fdf4e3 | 1.06 |
#38f3e2 | #fdf4e3 | 1.27 |
#38f3e2 | #fa7268 | 1.96 |
Bildpalette Mobile First Accessibility Kit png
Palette exportieren
Laden Sie die "Mobile First Accessibility Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: