Hergestellt in 06/16/2025 20:04
UX Journey Hyperflow Map
- Interaction Lilac#c6b3ff
- Touchpoint Beige#f1e9d2
- Scroll Depth Teal#4ed9c0
- Persona Rose#fba5b0
- Click Path Charcoal#222429
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Interaction Lilac #c6b3ff und Touchpoint Beige #f1e9d2. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #222429 (dunkelstes) bis #F1E9D2 (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): #222429, #4ED9C0, #C6B3FF, #F1E9D2, #FBA5B0
Die Palette UX Journey Hyperflow Map enthält eine Kombination aus 5-Codefarben:
VERHEXEN: #c6b3ff, RGB: (198, 179, 255); VERHEXEN: #f1e9d2, RGB: (241, 233, 210); VERHEXEN: #4ed9c0, RGB: (78, 217, 192)
VERHEXEN: #fba5b0, RGB: (251, 165, 176); VERHEXEN: #222429, RGB: (34, 36, 41)
Vereinfachte Version der Palettenfarben
Schatten von lightsteelblue, Farbton von cornsilk, Farbton von turquoise, Farbton von lightpink, Schatten von Schwarz
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
UX Journey Hyperflow Map Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #c6b3ff | #c6b3ff | RGB(198, 179, 255) | Interaction Lilac | — |
| #f1e9d2 | #f1e9d2 | RGB(241, 233, 210) | Touchpoint Beige | Country Dairy |
| #4ed9c0 | #4ed9c0 | RGB(78, 217, 192) | Scroll Depth Teal | — |
| #fba5b0 | #fba5b0 | RGB(251, 165, 176) | Persona Rose | — |
| #222429 | #222429 | RGB(34, 36, 41) | Click Path Charcoal | — |
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 |
#c6b3ff | #f1e9d2 | 1.53 |
#c6b3ff | #4ed9c0 | 1.06 |
#c6b3ff | #fba5b0 | 1.01 |
#f1e9d2 | #4ed9c0 | 1.44 |
#f1e9d2 | #fba5b0 | 1.55 |
#4ed9c0 | #fba5b0 | 1.08 |
Bildpalette UX Journey Hyperflow Map png
Palette exportieren
Laden Sie die "UX Journey Hyperflow Map" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: