Creato a 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
La tavolozza è composta da Leggero, Buio colori. Colori accentati Interaction Lilac #c6b3ff e Touchpoint Beige #f1e9d2. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #222429 (più scuro) a #F1E9D2 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #222429, #4ED9C0, #C6B3FF, #F1E9D2, #FBA5B0
La tavolozza UX Journey Hyperflow Map ha una combinazione di colori dei codici 5:
ESADECIMALE: #c6b3ff, RGB: (198, 179, 255); ESADECIMALE: #f1e9d2, RGB: (241, 233, 210); ESADECIMALE: #4ed9c0, RGB: (78, 217, 192)
ESADECIMALE: #fba5b0, RGB: (251, 165, 176); ESADECIMALE: #222429, RGB: (34, 36, 41)
Versione semplificata della tavolozza dei colori
Ombra di lightsteelblue, Tonalità di cornsilk, Tonalità di turquoise, Tonalità di lightpink, Ombra di Nero
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
UX Journey Hyperflow Map codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #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 | — |
Contrasto della palette di colori
6 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#c6b3ff | #f1e9d2 | 1.53 |
#c6b3ff | #4ed9c0 | 1.06 |
#c6b3ff | #fba5b0 | 1.01 |
#f1e9d2 | #4ed9c0 | 1.44 |
#f1e9d2 | #fba5b0 | 1.55 |
#4ed9c0 | #fba5b0 | 1.08 |
Tavolozza immagini UX Journey Hyperflow Map png
Esporta tavolozza
Scarica la "UX Journey Hyperflow Map" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: