Criado em 07/28/2025 10:56
User Story Journey Blueprint
- Milestone Coral#ff715b
- Step Light#fdfdfd
- Narrative Sky#bce6ff
- Acceptance Lime#c7f464
- Context Navy#1a1c2c
- Goal Yellow#ffe169
- Touchpoint Gray#dddcdc
A paleta consiste em cores Luz, Escuro. Cores de destaque Narrative Sky #bce6ff e Goal Yellow #ffe169. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #1A1C2C (mais escuro) a #FDFDFD (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 57% das cores são vívidas.
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 quente (3 de 7).
Códigos HEX (ordenados): #1A1C2C, #BCE6FF, #C7F464, #DDDCDC, #FDFDFD, #FF715B, #FFE169
A paleta User Story Journey Blueprint tem uma combinação de cores de códigos de 7:
HEX: #ff715b, RGB: (255, 113, 91); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #bce6ff, RGB: (188, 230, 255)
HEX: #c7f464, RGB: (199, 244, 100); HEX: #1a1c2c, RGB: (26, 28, 44); HEX: #ffe169, RGB: (255, 225, 105)
HEX: #dddcdc, RGB: (221, 220, 220)
Versão simplificada das cores da paleta
Sombra de tomato, Matiz de Branco, Sombra de lightblue, Sombra de greenyellow, Sombra de Preto, Sombra de gold, Sombra de gainsboro
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
User Story Journey Blueprint códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ff715b | #ff715b | RGB(255, 113, 91) | Milestone Coral | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Step Light | Brilliance |
| #bce6ff | #bce6ff | RGB(188, 230, 255) | Narrative Sky | — |
| #c7f464 | #c7f464 | RGB(199, 244, 100) | Acceptance Lime | — |
| #1a1c2c | #1a1c2c | RGB(26, 28, 44) | Context Navy | — |
| #ffe169 | #ffe169 | RGB(255, 225, 105) | Goal Yellow | — |
| #dddcdc | #dddcdc | RGB(221, 220, 220) | Touchpoint Gray | — |
Contraste da Paleta de Cores
11 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 |
|---|---|---|
#ff715b | #dddcdc | 1.97 |
#fdfdfd | #bce6ff | 1.29 |
#fdfdfd | #c7f464 | 1.24 |
#fdfdfd | #ffe169 | 1.27 |
#fdfdfd | #dddcdc | 1.34 |
#bce6ff | #c7f464 | 1.04 |
Paleta de imagens User Story Journey Blueprint png
Exportar paleta
Baixe a "User Story Journey Blueprint" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: