Criado em 09/02/2022 14:23
Homepage website design product mockup palette
- Vivid Red-Tangelo#e16629
- Orange-Yellow (Crayola)#f8d46a
- Chestnut#a04c24
- Middle Blue Purple#8661b1
- Dark Vanilla#cebeae
- Liver Chestnut (Horses)#544237
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Orange-Yellow (Crayola) #f8d46a e Middle Blue Purple #8661b1. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #544237 (mais escuro) a #CEBEAE (mais claro). A faixa de luminosidade é moderada.
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): #544237, #8661B1, #A04C24, #CEBEAE, #E16629, #F8D46A
A paleta Homepage website design product mockup palette tem uma combinação de cores de códigos de 6:
HEX: #e16629, RGB: (225, 102, 41); HEX: #f8d46a, RGB: (248, 212, 106); HEX: #a04c24, RGB: (160, 76, 36)
HEX: #8661b1, RGB: (134, 97, 177); HEX: #cebeae, RGB: (206, 190, 174); HEX: #544237, RGB: (84, 66, 55)
Versão simplificada das cores da paleta
Sombra de chocolate, Sombra de gold, Matiz de sienna, Matiz de mediumpurple, Sombra de tan, Matiz de dimgrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Homepage website design product mockup palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #e16629 | #e16629 | RGB(225, 102, 41) | Vivid Red-Tangelo | — |
| #f8d46a | #f8d46a | RGB(248, 212, 106) | Orange-Yellow (Crayola) | — |
| #a04c24 | #a04c24 | RGB(160, 76, 36) | Chestnut | — |
| #8661b1 | #8661b1 | RGB(134, 97, 177) | Middle Blue Purple | — |
| #cebeae | #cebeae | RGB(206, 190, 174) | Dark Vanilla | — |
| #544237 | #544237 | RGB(84, 66, 55) | Liver Chestnut (Horses) | — |
Contraste da Paleta de Cores
7 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 |
#e16629 | #a04c24 | 1.72 |
#e16629 | #8661b1 | 1.4 |
#e16629 | #cebeae | 1.89 |
#f8d46a | #cebeae | 1.25 |
#a04c24 | #8661b1 | 1.22 |
#a04c24 | #544237 | 1.6 |
Paleta de imagens Homepage website design product mockup palette png
Exportar paleta
Baixe a "Homepage website design product mockup palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: