Criado em 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
A paleta consiste em cores Luz, Escuro. Cores de destaque Touchpoint Aqua #80deea e Retention Orange #ffb74d. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #212121 (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #212121, #80DEEA, #90A4AE, #E1BEE7, #FAFAFA, #FFB74D
A paleta User Journey Mapping Interface tem uma combinação de cores de códigos de 6:
HEX: #e1bee7, RGB: (225, 190, 231); HEX: #80deea, RGB: (128, 222, 234); HEX: #90a4ae, RGB: (144, 164, 174)
HEX: #ffb74d, RGB: (255, 183, 77); HEX: #fafafa, RGB: (250, 250, 250); HEX: #212121, RGB: (33, 33, 33)
Versão simplificada das cores da paleta
Sombra de thistle, Matiz de powderblue, Matiz de darkgrey, Sombra de Laranja, Sombra de whitesmoke, Sombra de Preto
O esquema de cores foi criado por hex
Códigos de cores na paleta
User Journey Mapping Interface códigos de cores HEX, informações RGB na tabela
| Cor | HEX | 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 |
Contraste da Paleta de Cores
9 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#e1bee7 | #80deea | 1.06 |
#e1bee7 | #90a4ae | 1.56 |
#e1bee7 | #ffb74d | 1.04 |
#e1bee7 | #fafafa | 1.58 |
#80deea | #90a4ae | 1.67 |
#80deea | #ffb74d | 1.11 |
Paleta de imagens User Journey Mapping Interface png
Exportar paleta
Baixe a "User Journey Mapping Interface" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: