Criado em 08/21/2022 19:34
Design ux ui app hex colors
- Ecru#c9c67e
- Flavescent#f1f193
- Rich Black (FOGRA29)#04140c
- Oxley#649774
- Misty Moss#bcbc7b
- Rifle Green#4c4c34
A paleta consiste em cores Luz, Escuro. Cores de destaque Flavescent #f1f193 e Rich Black (FOGRA29) #04140c. A paleta tem Quente, Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #04140C (mais escuro) a #F1F193 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 2 suaves e 2 vívidas em 6 cores.
Os matizes ficam numa faixa vizinha de cerca de 92° na roda (heurística).
No geral, a temperatura tende para o quente (4 de 6).
Códigos HEX (ordenados): #04140C, #4C4C34, #649774, #BCBC7B, #C9C67E, #F1F193
A paleta Design ux ui app hex colors tem uma combinação de cores de códigos de 6:
HEX: #c9c67e, RGB: (201, 198, 126); HEX: #f1f193, RGB: (241, 241, 147); HEX: #04140c, RGB: (4, 20, 12)
HEX: #649774, RGB: (100, 151, 116); HEX: #bcbc7b, RGB: (188, 188, 123); HEX: #4c4c34, RGB: (76, 76, 52)
Versão simplificada das cores da paleta
Sombra de darkkhaki, Sombra de Cáqui, Sombra de Preto, Sombra de seashell, Sombra de darkkhaki, Matiz de darkolivegreen
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design ux ui app hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #c9c67e | #c9c67e | RGB(201, 198, 126) | Ecru | — |
| #f1f193 | #f1f193 | RGB(241, 241, 147) | Flavescent | — |
| #04140c | #04140c | RGB(4, 20, 12) | Rich Black (FOGRA29) | — |
| #649774 | #649774 | RGB(100, 151, 116) | Oxley | — |
| #bcbc7b | #bcbc7b | RGB(188, 188, 123) | Misty Moss | — |
| #4c4c34 | #4c4c34 | RGB(76, 76, 52) | Rifle Green | — |
Contraste da Paleta de Cores
5 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 |
|---|---|---|
#c9c67e | #f1f193 | 1.49 |
#c9c67e | #649774 | 1.9 |
#c9c67e | #bcbc7b | 1.11 |
#f1f193 | #bcbc7b | 1.67 |
#649774 | #bcbc7b | 1.7 |
Paleta de imagens Design ux ui app hex colors png
Exportar paleta
Baixe a "Design ux ui app hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: