Creato a 07/07/2025 16:57
User Journey Mapping Interface
- Persona Lilac#e1bee7
- Touchpoint Aqua#80deea
- Conversion Gray#90a4ae
- Retention Orange#ffb74d
- Onboarding White#fafafa
- Flowchart Black#212121
La tavolozza è composta da Leggero, Buio colori. Colori accentati Touchpoint Aqua #80deea e Retention Orange #ffb74d. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #212121 (più scuro) a #FAFAFA (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #212121, #80DEEA, #90A4AE, #E1BEE7, #FAFAFA, #FFB74D
La tavolozza User Journey Mapping Interface ha una combinazione di colori dei codici 6:
ESADECIMALE: #e1bee7, RGB: (225, 190, 231); ESADECIMALE: #80deea, RGB: (128, 222, 234); ESADECIMALE: #90a4ae, RGB: (144, 164, 174)
ESADECIMALE: #ffb74d, RGB: (255, 183, 77); ESADECIMALE: #fafafa, RGB: (250, 250, 250); ESADECIMALE: #212121, RGB: (33, 33, 33)
Versione semplificata della tavolozza dei colori
Ombra di thistle, Tonalità di powderblue, Tonalità di darkgrey, Ombra di Arancia, Ombra di whitesmoke, Ombra di Nero
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
User Journey Mapping Interface codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #e1bee7 | #e1bee7 | RGB(225, 190, 231) | Persona Lilac | — |
| #80deea | #80deea | RGB(128, 222, 234) | Touchpoint Aqua | — |
| #90a4ae | #90a4ae | RGB(144, 164, 174) | Conversion Gray | — |
| #ffb74d | #ffb74d | RGB(255, 183, 77) | Retention Orange | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Onboarding White | Dr. White |
| #212121 | #212121 | RGB(33, 33, 33) | Flowchart Black | Lead |
Contrasto della palette di colori
9 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 |
#e1bee7 | #80deea | 1.06 |
#e1bee7 | #90a4ae | 1.56 |
#e1bee7 | #ffb74d | 1.04 |
#e1bee7 | #fafafa | 1.58 |
#80deea | #90a4ae | 1.67 |
#80deea | #ffb74d | 1.11 |
Tavolozza immagini User Journey Mapping Interface png
Esporta tavolozza
Scarica la "User Journey Mapping Interface" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: