Hergestellt in 07/28/2025 11:05
Web Component Accessibility Stack
- Contrast Navy#1a1d3f
- Readable White#ffffff
- Flowchart Blue#3a86ff
- Modal Gray#e0e0e0
- Highlight Magenta#ff4ecc
- Interaction Gold#ffd23f
- UI Fog#f9fafb
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Flowchart Blue #3a86ff und Interaction Gold #ffd23f. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #1A1D3F (dunkelstes) bis #FFFFFF (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).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #1A1D3F, #3A86FF, #E0E0E0, #F9FAFB, #FF4ECC, #FFD23F, #FFFFFF
Die Palette Web Component Accessibility Stack enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #1a1d3f, RGB: (26, 29, 63); VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #3a86ff, RGB: (58, 134, 255)
VERHEXEN: #e0e0e0, RGB: (224, 224, 224); VERHEXEN: #ff4ecc, RGB: (255, 78, 204); VERHEXEN: #ffd23f, RGB: (255, 210, 63)
VERHEXEN: #f9fafb, RGB: (249, 250, 251)
Vereinfachte Version der Palettenfarben
Farbton von midnightblue, Weiss, Schatten von dodgerblue, Schatten von gainsboro, Farbton von hotpink, Schatten von gold, Schatten von whitesmoke
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Web Component Accessibility Stack Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1a1d3f | #1a1d3f | RGB(26, 29, 63) | Contrast Navy | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Readable White | White |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Flowchart Blue | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Modal Gray | Gray88 |
| #ff4ecc | #ff4ecc | RGB(255, 78, 204) | Highlight Magenta | — |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | Interaction Gold | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | UI Fog | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ffffff | #e0e0e0 | 1.32 |
#ffffff | #ffd23f | 1.44 |
#ffffff | #f9fafb | 1.04 |
#3a86ff | #ff4ecc | 1.19 |
#e0e0e0 | #ffd23f | 1.09 |
#e0e0e0 | #f9fafb | 1.26 |
Bildpalette Web Component Accessibility Stack png
Palette exportieren
Laden Sie die "Web Component Accessibility Stack" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: