Hergestellt in 07/04/2025 10:15
Web UI Flow Mapping Kit
- Arrow Mint#93ffd8
- UX Graph Purple#a88dff
- Step Beige#fdf6ed
- Navigation Ink#20262e
- Flow Gradient Gray#cdd6dd
- Breakpoint Blue#62b6f3
- Scroll Orange#ffa25b
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Arrow Mint #93ffd8 und Scroll Orange #ffa25b. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #20262E (dunkelstes) bis #FDF6ED (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 kalten Seite.
HEX-Codes (sortiert): #20262E, #62B6F3, #93FFD8, #A88DFF, #CDD6DD, #FDF6ED, #FFA25B
Die Palette Web UI Flow Mapping Kit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #93ffd8, RGB: (147, 255, 216); VERHEXEN: #a88dff, RGB: (168, 141, 255); VERHEXEN: #fdf6ed, RGB: (253, 246, 237)
VERHEXEN: #20262e, RGB: (32, 38, 46); VERHEXEN: #cdd6dd, RGB: (205, 214, 221); VERHEXEN: #62b6f3, RGB: (98, 182, 243)
VERHEXEN: #ffa25b, RGB: (255, 162, 91)
Vereinfachte Version der Palettenfarben
Schatten von aquamarine, Schatten von mediumpurple, Farbton von floralwhite, Schatten von Schwarz, Schatten von lightgrey, Schatten von deepskyblue, Schatten von sandybrown
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
Web UI Flow Mapping Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #93ffd8 | #93ffd8 | RGB(147, 255, 216) | Arrow Mint | — |
| #a88dff | #a88dff | RGB(168, 141, 255) | UX Graph Purple | — |
| #fdf6ed | #fdf6ed | RGB(253, 246, 237) | Step Beige | — |
| #20262e | #20262e | RGB(32, 38, 46) | Navigation Ink | — |
| #cdd6dd | #cdd6dd | RGB(205, 214, 221) | Flow Gradient Gray | — |
| #62b6f3 | #62b6f3 | RGB(98, 182, 243) | Breakpoint Blue | — |
| #ffa25b | #ffa25b | RGB(255, 162, 91) | Scroll Orange | — |
Farbpalette Kontrast
12 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#93ffd8 | #fdf6ed | 1.11 |
#93ffd8 | #cdd6dd | 1.22 |
#93ffd8 | #62b6f3 | 1.84 |
#93ffd8 | #ffa25b | 1.65 |
#a88dff | #cdd6dd | 1.8 |
#a88dff | #62b6f3 | 1.2 |
Bildpalette Web UI Flow Mapping Kit png
Palette exportieren
Laden Sie die "Web UI Flow Mapping Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: