Hergestellt in 08/18/2025 08:27
Accessible UI Figma Flowchart
Wireframe Gray
#e5e7eb
Highlight Blue
#2563eb
Surface White
#fafafa
Error Rose
#f43f5e
Accent Amber
#f59e0b
Contrast Slate
#475569
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Highlight Blue #2563eb und Accent Amber #f59e0b. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Die Palette Accessible UI Figma Flowchart enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #e5e7eb, RGB: (229, 231, 235); VERHEXEN: #2563eb, RGB: (37, 99, 235); VERHEXEN: #fafafa, RGB: (250, 250, 250)
VERHEXEN: #f43f5e, RGB: (244, 63, 94); VERHEXEN: #f59e0b, RGB: (245, 158, 11); VERHEXEN: #475569, RGB: (71, 85, 105)
Vereinfachte Version der Palettenfarben
Schatten von gainsboro, Farbton von royalblue, Schatten von whitesmoke, Farbton von indianred, Farbton von Orange, Schatten von darkslateblue
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
Accessible UI Figma Flowchart Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Wireframe Gray | — |
| #2563eb | #2563eb | RGB(37, 99, 235) | Highlight Blue | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Surface White | Dr. White |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Error Rose | — |
| #f59e0b | #f59e0b | RGB(245, 158, 11) | Accent Amber | — |
| #475569 | #475569 | RGB(71, 85, 105) | Contrast Slate | — |
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 |
#e5e7eb | #fafafa | 1.18 |
#e5e7eb | #f59e0b | 1.73 |
#2563eb | #f43f5e | 1.4 |
#2563eb | #475569 | 1.46 |
#f43f5e | #f59e0b | 1.7 |
