UX Journey Mapping Kit
- Step Blue#42a5f5
- Action Orange#ff7043
- Touchpoint Mint#81c784
- Emotion Pink#f48fb1
- Highlight Yellow#fff176
- Background White#ffffff
Criado em 08/11/2025 14:41
A paleta consiste em cores Claro. Cores de destaque Step Blue #42a5f5 e Highlight Yellow #fff176. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #42A5F5 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o quente (3 de 6).
Códigos HEX (ordenados): #42A5F5, #81C784, #F48FB1, #FF7043, #FFF176, #FFFFFF
A paleta UX Journey Mapping Kit combina 6 códigos de cor:
HEX: #42a5f5, RGB: (66, 165, 245); HEX: #ff7043, RGB: (255, 112, 67); HEX: #81c784, RGB: (129, 199, 132)
HEX: #f48fb1, RGB: (244, 143, 177); HEX: #fff176, RGB: (255, 241, 118); HEX: #ffffff, RGB: (255, 255, 255)
Versão simplificada das cores da paleta
Tom claro de Azul-dodger, Tom escuro de Coral, Tom claro de Verde-mar-escuro, Tom claro de Vermelho-violeta-pálido, Tom claro de Cáqui, Branco
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
UX Journey Mapping Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Step Blue | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Action Orange | — |
| #81c784 | #81c784 | RGB(129, 199, 132) | Touchpoint Mint | — |
| #f48fb1 | #f48fb1 | RGB(244, 143, 177) | Emotion Pink | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Highlight Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
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 | Razão de contraste |
|---|---|---|
#42a5f5 | #ff7043 | 1.03 |
#42a5f5 | #81c784 | 1.31 |
#42a5f5 | #f48fb1 | 1.18 |
#ff7043 | #81c784 | 1.36 |
#ff7043 | #f48fb1 | 1.23 |
#81c784 | #f48fb1 | 1.1 |
Paleta de imagens UX Journey Mapping Kit png
Exportar paleta
Baixe a "UX Journey Mapping Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: