Criado em 02/23/2023 10:16
Design app page ux hex colors
- Palatinate Blue#314ae7
- Cornflower Blue#687cf0
- Bistre#3c2c1c
- Copper Rose#976d69
- Pastel Blue#b0bfd2
- Dark Lava#4c3c2c
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Cornflower Blue #687cf0 e Bistre #3c2c1c. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #3C2C1C (mais escuro) a #B0BFD2 (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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #314AE7, #3C2C1C, #4C3C2C, #687CF0, #976D69, #B0BFD2
A paleta Design app page ux hex colors tem uma combinação de cores de códigos de 6:
HEX: #314ae7, RGB: (49, 74, 231); HEX: #687cf0, RGB: (104, 124, 240); HEX: #3c2c1c, RGB: (60, 44, 28)
HEX: #976d69, RGB: (151, 109, 105); HEX: #b0bfd2, RGB: (176, 191, 210); HEX: #4c3c2c, RGB: (76, 60, 44)
Versão simplificada das cores da paleta
Matiz de slateblue, Sombra de mediumslateblue, Sombra de Preto, Matiz de rosybrown, Matiz de lightsteelblue, Matiz de saddlebrown
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design app page ux hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #314ae7 | #314ae7 | RGB(49, 74, 231) | Palatinate Blue | — |
| #687cf0 | #687cf0 | RGB(104, 124, 240) | Cornflower Blue | — |
| #3c2c1c | #3c2c1c | RGB(60, 44, 28) | Bistre | — |
| #976d69 | #976d69 | RGB(151, 109, 105) | Copper Rose | — |
| #b0bfd2 | #b0bfd2 | RGB(176, 191, 210) | Pastel Blue | — |
| #4c3c2c | #4c3c2c | RGB(76, 60, 44) | Dark Lava | — |
Contraste da Paleta de Cores
6 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 |
#314ae7 | #687cf0 | 1.75 |
#314ae7 | #976d69 | 1.44 |
#314ae7 | #4c3c2c | 1.64 |
#687cf0 | #976d69 | 1.21 |
#687cf0 | #b0bfd2 | 1.95 |
#3c2c1c | #4c3c2c | 1.26 |
Paleta de imagens Design app page ux hex colors png
Exportar paleta
Baixe a "Design app page ux hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: