Criado em 09/05/2022 14:28
Admin interface design ux hex colors
- Carrot Orange#f18d23
- Mellow Apricot#f4bc74
- Ochre#cc7313
- Brown (Traditional)#8f4e09
- Lavender Gray#c4cad4
- Black Coffee#3c3434
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Brown (Traditional) #8f4e09 e Lavender Gray #c4cad4. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3C3434 (mais escuro) a #C4CAD4 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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 quente.
Códigos HEX (ordenados): #3C3434, #8F4E09, #C4CAD4, #CC7313, #F18D23, #F4BC74
A paleta Admin interface design ux hex colors tem uma combinação de cores de códigos de 6:
HEX: #f18d23, RGB: (241, 141, 35); HEX: #f4bc74, RGB: (244, 188, 116); HEX: #cc7313, RGB: (204, 115, 19)
HEX: #8f4e09, RGB: (143, 78, 9); HEX: #c4cad4, RGB: (196, 202, 212); HEX: #3c3434, RGB: (60, 52, 52)
Versão simplificada das cores da paleta
Sombra de darkorange, Sombra de burlywood, Sombra de chocolate, Sombra de saddlebrown, Sombra de Prata, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Admin interface design ux hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f18d23 | #f18d23 | RGB(241, 141, 35) | Carrot Orange | — |
| #f4bc74 | #f4bc74 | RGB(244, 188, 116) | Mellow Apricot | — |
| #cc7313 | #cc7313 | RGB(204, 115, 19) | Ochre | — |
| #8f4e09 | #8f4e09 | RGB(143, 78, 9) | Brown (Traditional) | — |
| #c4cad4 | #c4cad4 | RGB(196, 202, 212) | Lavender Gray | — |
| #3c3434 | #3c3434 | RGB(60, 52, 52) | Black Coffee | — |
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 |
#f18d23 | #f4bc74 | 1.43 |
#f18d23 | #cc7313 | 1.42 |
#f18d23 | #c4cad4 | 1.48 |
#f4bc74 | #c4cad4 | 1.03 |
#cc7313 | #8f4e09 | 1.84 |
#8f4e09 | #3c3434 | 1.88 |
Paleta de imagens Admin interface design ux hex colors png
Exportar paleta
Baixe a "Admin interface design ux hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: