Criado em 08/08/2022 12:44
Web ux landing design palette
- Blue (Crayola)#2564e9
- Shandy#f5e672
- Catalina Blue#0c2e78
- Pearly Purple#aa639a
- Laurel Green#acb9a4
- Dark Puce#4c3444
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Shandy #f5e672 e Catalina Blue #0c2e78. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #4C3444 (mais escuro) a #F5E672 (mais claro). A faixa de luminosidade é moderada.
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): #0C2E78, #2564E9, #4C3444, #AA639A, #ACB9A4, #F5E672
A paleta Web ux landing design palette tem uma combinação de cores de códigos de 6:
HEX: #2564e9, RGB: (37, 100, 233); HEX: #f5e672, RGB: (245, 230, 114); HEX: #0c2e78, RGB: (12, 46, 120)
HEX: #aa639a, RGB: (170, 99, 154); HEX: #acb9a4, RGB: (172, 185, 164); HEX: #4c3444, RGB: (76, 52, 68)
Versão simplificada das cores da paleta
Matiz de royalblue, Matiz de Cáqui, Sombra de midnightblue, Matiz de mediumorchid, Sombra de darkseagreen, Matiz de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Web ux landing design palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2564e9 | #2564e9 | RGB(37, 100, 233) | Blue (Crayola) | — |
| #f5e672 | #f5e672 | RGB(245, 230, 114) | Shandy | — |
| #0c2e78 | #0c2e78 | RGB(12, 46, 120) | Catalina Blue | — |
| #aa639a | #aa639a | RGB(170, 99, 154) | Pearly Purple | — |
| #acb9a4 | #acb9a4 | RGB(172, 185, 164) | Laurel Green | — |
| #4c3444 | #4c3444 | RGB(76, 52, 68) | Dark Puce | — |
Contraste da Paleta de Cores
3 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 |
#2564e9 | #aa639a | 1.21 |
#f5e672 | #acb9a4 | 1.6 |
#0c2e78 | #4c3444 | 1.12 |
Paleta de imagens Web ux landing design palette png
Exportar paleta
Baixe a "Web ux landing design palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: