Hergestellt in 08/21/2025 11:56
System Design Accessibility Matrix
- Diagram Navy#283593
- Schema Aqua#00acc1
- Entity Coral#f06292
- Wire Beige#fff9c4
- Node Black#202020
- Interaction Mint#a5d6a7
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Schema Aqua #00acc1 und Wire Beige #fff9c4. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #202020 (dunkelstes) bis #FFF9C4 (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): #00ACC1, #202020, #283593, #A5D6A7, #F06292, #FFF9C4
Die Palette System Design Accessibility Matrix enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #283593, RGB: (40, 53, 147); VERHEXEN: #00acc1, RGB: (0, 172, 193); VERHEXEN: #f06292, RGB: (240, 98, 146)
VERHEXEN: #fff9c4, RGB: (255, 249, 196); VERHEXEN: #202020, RGB: (32, 32, 32); VERHEXEN: #a5d6a7, RGB: (165, 214, 167)
Vereinfachte Version der Palettenfarben
Farbton von darkslateblue, Farbton von cadetblue, Farbton von palevioletred, Farbton von lemonchiffon, Schatten von Schwarz, Schatten von darkseagreen
Farbschema wurde erstellt von colorslib
Farbcodes in der Palette
System Design Accessibility Matrix Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #283593 | #283593 | RGB(40, 53, 147) | Diagram Navy | — |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | Schema Aqua | — |
| #f06292 | #f06292 | RGB(240, 98, 146) | Entity Coral | — |
| #fff9c4 | #fff9c4 | RGB(255, 249, 196) | Wire Beige | — |
| #202020 | #202020 | RGB(32, 32, 32) | Node Black | — |
| #a5d6a7 | #a5d6a7 | RGB(165, 214, 167) | Interaction Mint | — |
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 |
#283593 | #202020 | 1.56 |
#00acc1 | #f06292 | 1.11 |
#00acc1 | #a5d6a7 | 1.66 |
#f06292 | #a5d6a7 | 1.86 |
#fff9c4 | #a5d6a7 | 1.53 |
Bildpalette System Design Accessibility Matrix png
Palette exportieren
Laden Sie die "System Design Accessibility Matrix" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: