Criado em 06/27/2022 10:18
Ui design app screen colors palette
- Blue (Crayola)#1e77ed
- United Nations Blue#5296ee
- Brown Chocolate#4c1434
- Crystal Blue#63a2ab
- Beau Blue#b6d0dc
- Royal Brown#5c3038
A paleta consiste em cores Luz, Escuro. Cores de destaque Blue (Crayola) #1e77ed e Royal Brown #5c3038. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #4C1434 (mais escuro) a #B6D0DC (mais claro). A faixa de luminosidade é ampla.
A saturação está num intervalo médio.
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): #1E77ED, #4C1434, #5296EE, #5C3038, #63A2AB, #B6D0DC
A paleta Ui design app screen colors palette tem uma combinação de cores de códigos de 6:
HEX: #1e77ed, RGB: (30, 119, 237); HEX: #5296ee, RGB: (82, 150, 238); HEX: #4c1434, RGB: (76, 20, 52)
HEX: #63a2ab, RGB: (99, 162, 171); HEX: #b6d0dc, RGB: (182, 208, 220); HEX: #5c3038, RGB: (92, 48, 56)
Versão simplificada das cores da paleta
Matiz de royalblue, Sombra de dodgerblue, Matiz de Roxo, Sombra de cadetblue, Matiz de lightblue, Sombra de Marrom
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ui design app screen colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1e77ed | #1e77ed | RGB(30, 119, 237) | Blue (Crayola) | — |
| #5296ee | #5296ee | RGB(82, 150, 238) | United Nations Blue | — |
| #4c1434 | #4c1434 | RGB(76, 20, 52) | Brown Chocolate | — |
| #63a2ab | #63a2ab | RGB(99, 162, 171) | Crystal Blue | — |
| #b6d0dc | #b6d0dc | RGB(182, 208, 220) | Beau Blue | — |
| #5c3038 | #5c3038 | RGB(92, 48, 56) | Royal Brown | — |
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 |
#1e77ed | #5296ee | 1.41 |
#1e77ed | #63a2ab | 1.48 |
#5296ee | #63a2ab | 1.04 |
#5296ee | #b6d0dc | 1.87 |
#4c1434 | #5c3038 | 1.32 |
#63a2ab | #b6d0dc | 1.79 |
Paleta de imagens Ui design app screen colors palette png
Exportar paleta
Baixe a "Ui design app screen colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: