Criado em 03/20/2022 09:18
Ui design colours
- Vista Blue#80a4d4
- Light Cobalt Blue#8c9cea
- Indigo (Rainbow)#213d63
- Blue Yonder#5f74a5
- Pewter Blue#8cb8b4
- Yankees Blue#242a3c
A paleta consiste em cores Luz, Escuro. Cores de destaque Light Cobalt Blue #8c9cea e Indigo (Rainbow) #213d63. A paleta tem Legal temperatura de cores.
Em luminosidade, a paleta vai de #242A3C (mais escuro) a #8C9CEA (mais claro). A faixa de luminosidade é moderada.
Saturação mista — tons suaves e acentos mais vivos.
A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #213D63, #242A3C, #5F74A5, #80A4D4, #8C9CEA, #8CB8B4
A paleta Ui design colours tem uma combinação de cores de códigos de 6:
HEX: #80a4d4, RGB: (128, 164, 212); HEX: #8c9cea, RGB: (140, 156, 234); HEX: #213d63, RGB: (33, 61, 99)
HEX: #5f74a5, RGB: (95, 116, 165); HEX: #8cb8b4, RGB: (140, 184, 180); HEX: #242a3c, RGB: (36, 42, 60)
Versão simplificada das cores da paleta
Sombra de cornflowerblue, Sombra de cornflowerblue, Matiz de darkslateblue, Sombra de royalblue, Sombra de cadetblue, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ui design colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #80a4d4 | #80a4d4 | RGB(128, 164, 212) | Vista Blue | — |
| #8c9cea | #8c9cea | RGB(140, 156, 234) | Light Cobalt Blue | — |
| #213d63 | #213d63 | RGB(33, 61, 99) | Indigo (Rainbow) | — |
| #5f74a5 | #5f74a5 | RGB(95, 116, 165) | Blue Yonder | — |
| #8cb8b4 | #8cb8b4 | RGB(140, 184, 180) | Pewter Blue | — |
| #242a3c | #242a3c | RGB(36, 42, 60) | Yankees Blue | — |
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 |
#80a4d4 | #8c9cea | 1.01 |
#80a4d4 | #5f74a5 | 1.8 |
#80a4d4 | #8cb8b4 | 1.17 |
#8c9cea | #5f74a5 | 1.77 |
#8c9cea | #8cb8b4 | 1.19 |
#213d63 | #242a3c | 1.29 |
Paleta de imagens Ui design colours png
Exportar paleta
Baixe a "Ui design colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: