Criado em 07/04/2025 10:15
Web UI Flow Mapping Kit
- Arrow Mint#93ffd8
- UX Graph Purple#a88dff
- Step Beige#fdf6ed
- Navigation Ink#20262e
- Flow Gradient Gray#cdd6dd
- Breakpoint Blue#62b6f3
- Scroll Orange#ffa25b
A paleta consiste em cores Luz, Escuro. Cores de destaque Arrow Mint #93ffd8 e Scroll Orange #ffa25b. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #20262E (mais escuro) a #FDF6ED (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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): #20262E, #62B6F3, #93FFD8, #A88DFF, #CDD6DD, #FDF6ED, #FFA25B
A paleta Web UI Flow Mapping Kit tem uma combinação de cores de códigos de 7:
HEX: #93ffd8, RGB: (147, 255, 216); HEX: #a88dff, RGB: (168, 141, 255); HEX: #fdf6ed, RGB: (253, 246, 237)
HEX: #20262e, RGB: (32, 38, 46); HEX: #cdd6dd, RGB: (205, 214, 221); HEX: #62b6f3, RGB: (98, 182, 243)
HEX: #ffa25b, RGB: (255, 162, 91)
Versão simplificada das cores da paleta
Sombra de aquamarine, Sombra de mediumpurple, Matiz de floralwhite, Sombra de Preto, Sombra de lightgrey, Sombra de deepskyblue, Sombra de sandybrown
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Web UI Flow Mapping Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #93ffd8 | #93ffd8 | RGB(147, 255, 216) | Arrow Mint | — |
| #a88dff | #a88dff | RGB(168, 141, 255) | UX Graph Purple | — |
| #fdf6ed | #fdf6ed | RGB(253, 246, 237) | Step Beige | — |
| #20262e | #20262e | RGB(32, 38, 46) | Navigation Ink | — |
| #cdd6dd | #cdd6dd | RGB(205, 214, 221) | Flow Gradient Gray | — |
| #62b6f3 | #62b6f3 | RGB(98, 182, 243) | Breakpoint Blue | — |
| #ffa25b | #ffa25b | RGB(255, 162, 91) | Scroll Orange | — |
Contraste da Paleta de Cores
12 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 |
#93ffd8 | #fdf6ed | 1.11 |
#93ffd8 | #cdd6dd | 1.22 |
#93ffd8 | #62b6f3 | 1.84 |
#93ffd8 | #ffa25b | 1.65 |
#a88dff | #cdd6dd | 1.8 |
#a88dff | #62b6f3 | 1.2 |
Paleta de imagens Web UI Flow Mapping Kit png
Exportar paleta
Baixe a "Web UI Flow Mapping Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: