Criado em 12/30/2022 08:35
Night ui ux progress
- Han Blue#3a7bcc
- Gold (Crayola)#e6bc90
- Air Force Blue (USAF)#04348c
- Rhythm#6f7ca3
- Wild Blue Yonder#9db5d0
- American Blue#373d75
A paleta consiste em cores Luz, Escuro. Cores de destaque Gold (Crayola) #e6bc90 e Air Force Blue (USAF) #04348c. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #04348C (mais escuro) a #E6BC90 (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): #04348C, #373D75, #3A7BCC, #6F7CA3, #9DB5D0, #E6BC90
A paleta Night ui ux progress tem uma combinação de cores de códigos de 6:
HEX: #3a7bcc, RGB: (58, 123, 204); HEX: #e6bc90, RGB: (230, 188, 144); HEX: #04348c, RGB: (4, 52, 140)
HEX: #6f7ca3, RGB: (111, 124, 163); HEX: #9db5d0, RGB: (157, 181, 208); HEX: #373d75, RGB: (55, 61, 117)
Versão simplificada das cores da paleta
Matiz de steelblue, Sombra de burlywood, Matiz de darkslateblue, Matiz de slategrey, Matiz de lightsteelblue, Matiz de darkslateblue
O esquema de cores foi criado por hex
Códigos de cores na paleta
Night ui ux progress códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3a7bcc | #3a7bcc | RGB(58, 123, 204) | Han Blue | — |
| #e6bc90 | #e6bc90 | RGB(230, 188, 144) | Gold (Crayola) | — |
| #04348c | #04348c | RGB(4, 52, 140) | Air Force Blue (USAF) | — |
| #6f7ca3 | #6f7ca3 | RGB(111, 124, 163) | Rhythm | — |
| #9db5d0 | #9db5d0 | RGB(157, 181, 208) | Wild Blue Yonder | — |
| #373d75 | #373d75 | RGB(55, 61, 117) | American Blue | — |
Contraste da Paleta de Cores
4 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 |
#3a7bcc | #6f7ca3 | 1.04 |
#e6bc90 | #9db5d0 | 1.2 |
#04348c | #373d75 | 1.11 |
#6f7ca3 | #9db5d0 | 1.95 |
Paleta de imagens Night ui ux progress png
Exportar paleta
Baixe a "Night ui ux progress" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: