Hergestellt in 08/21/2025 11:36
UI Accessibility Semantic Aurora
- Contrast Yellow#ffeb3b
- Highlight Blue#00bcd4
- Anchor Teal#26c6da
- Background White#ffffff
- Overlay Black#000000
- Focus Coral#ff7043
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Contrast Yellow #ffeb3b und Highlight Blue #00bcd4. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #000000 (dunkelstes) bis #FFFFFF (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): #000000, #00BCD4, #26C6DA, #FF7043, #FFEB3B, #FFFFFF
Die Palette UI Accessibility Semantic Aurora enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ffeb3b, RGB: (255, 235, 59); VERHEXEN: #00bcd4, RGB: (0, 188, 212); VERHEXEN: #26c6da, RGB: (38, 198, 218)
VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #000000, RGB: (0, 0, 0); VERHEXEN: #ff7043, RGB: (255, 112, 67)
Vereinfachte Version der Palettenfarben
Farbton von Gelb, Farbton von darkturquoise, Schatten von darkturquoise, Weiss, Schwarz, Farbton von coral
Farbschema wurde erstellt von coolor
Farbcodes in der Palette
UI Accessibility Semantic Aurora Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Contrast Yellow | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Highlight Blue | — |
| #26c6da | #26c6da | RGB(38, 198, 218) | Anchor Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
| #000000 | #000000 | RGB(0, 0, 0) | Overlay Black | Black |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Focus Coral | — |
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 |
#ffeb3b | #00bcd4 | 1.88 |
#ffeb3b | #26c6da | 1.69 |
#ffeb3b | #ffffff | 1.22 |
#00bcd4 | #26c6da | 1.11 |
#00bcd4 | #ff7043 | 1.19 |
#26c6da | #ff7043 | 1.32 |
Bildpalette UI Accessibility Semantic Aurora png
Palette exportieren
Laden Sie die "UI Accessibility Semantic Aurora" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: