Loading...
Criado em 01/27/2022 15:57
Design ui branding ux palette
- Metallic Yellow#fcdc16
- Orange-Yellow (Crayola)#f6dc68
- Caribbean Green#0cbe98
- Olive Green#adb25c
- Pastel Gray#cec6c4
- Dark Lava#443c34
A paleta consiste em cores Luz. Cores de destaque Metallic Yellow #fcdc16 e Orange-Yellow (Crayola) #f6dc68. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #443C34 (mais escuro) a #CEC6C4 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Os matizes espalham-se amplamente na roda — paleta variada (heurística).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #0CBE98, #443C34, #ADB25C, #CEC6C4, #F6DC68, #FCDC16
A paleta Design ui branding ux palette tem uma combinação de cores de códigos de 6:
HEX: #fcdc16, RGB: (252, 220, 22); HEX: #f6dc68, RGB: (246, 220, 104); HEX: #0cbe98, RGB: (12, 190, 152)
HEX: #adb25c, RGB: (173, 178, 92); HEX: #cec6c4, RGB: (206, 198, 196); HEX: #443c34, RGB: (68, 60, 52)
Versão simplificada das cores da paleta
Sombra de gold, Matiz de Cáqui, Matiz de mediumaquamarine, Matiz de darkkhaki, Sombra de Prata, Matiz de dimgrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design ui branding ux palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fcdc16 | #fcdc16 | RGB(252, 220, 22) | Metallic Yellow | — |
| #f6dc68 | #f6dc68 | RGB(246, 220, 104) | Orange-Yellow (Crayola) | — |
| #0cbe98 | #0cbe98 | RGB(12, 190, 152) | Caribbean Green | — |
| #adb25c | #adb25c | RGB(173, 178, 92) | Olive Green | — |
| #cec6c4 | #cec6c4 | RGB(206, 198, 196) | Pastel Gray | — |
| #443c34 | #443c34 | RGB(68, 60, 52) | Dark Lava | — |
Contraste da Paleta de Cores
10 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 |
#fcdc16 | #f6dc68 | 1 |
#fcdc16 | #0cbe98 | 1.74 |
#fcdc16 | #adb25c | 1.65 |
#fcdc16 | #cec6c4 | 1.23 |
#f6dc68 | #0cbe98 | 1.73 |
#f6dc68 | #adb25c | 1.65 |
Paleta de imagens Design ui branding ux palette png
Exportar paleta
Baixe a "Design ui branding ux palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: