Loading...
Hergestellt in 06/22/2025 07:14
UI Accessibility Compliance Set
- Readable Navy#2b2d42
- Warning Amber#ffc107
- Alt Text Ice#dff3f7
- Action Pink#f67280
- Guide Gray#cdd6d5
- Light Cream#fffcf2
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Alt Text Ice #dff3f7 und Light Cream #fffcf2. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #2B2D42 (dunkelstes) bis #FFFCF2 (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).
In der Gesamttemperatur neigen die Felder zur warmen Seite.
HEX-Codes (sortiert): #2B2D42, #CDD6D5, #DFF3F7, #F67280, #FFC107, #FFFCF2
Die Palette UI Accessibility Compliance Set enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #2b2d42, RGB: (43, 45, 66); VERHEXEN: #ffc107, RGB: (255, 193, 7); VERHEXEN: #dff3f7, RGB: (223, 243, 247)
VERHEXEN: #f67280, RGB: (246, 114, 128); VERHEXEN: #cdd6d5, RGB: (205, 214, 213); VERHEXEN: #fffcf2, RGB: (255, 252, 242)
Vereinfachte Version der Palettenfarben
Schatten von midnightblue, Farbton von gold, Farbton von azure, Farbton von lightcoral, Schatten von lightgrey, Schatten von floralwhite
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
UI Accessibility Compliance Set Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | Readable Navy | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Warning Amber | — |
| #dff3f7 | #dff3f7 | RGB(223, 243, 247) | Alt Text Ice | — |
| #f67280 | #f67280 | RGB(246, 114, 128) | Action Pink | — |
| #cdd6d5 | #cdd6d5 | RGB(205, 214, 213) | Guide Gray | — |
| #fffcf2 | #fffcf2 | RGB(255, 252, 242) | Light Cream | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ffc107 | #dff3f7 | 1.42 |
#ffc107 | #f67280 | 1.68 |
#ffc107 | #cdd6d5 | 1.1 |
#ffc107 | #fffcf2 | 1.58 |
#dff3f7 | #cdd6d5 | 1.29 |
#dff3f7 | #fffcf2 | 1.11 |
Bildpalette UI Accessibility Compliance Set png
Palette exportieren
Laden Sie die "UI Accessibility Compliance Set" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: