Criado em 10/09/2022 19:58
Illustration layout ui landing page colors
- Jasper Orange#e59848
- Medium Slate Blue#6f71f2
- Violet (Crayola)#943c86
- Bazaar#a2707f
- Pink Lavender#cbafcf
- Black Olive#3e3c42
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Jasper Orange #e59848 e Medium Slate Blue #6f71f2. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3E3C42 (mais escuro) a #CBAFCF (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 3 suaves e 2 vívidas em 6 cores.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #3E3C42, #6F71F2, #943C86, #A2707F, #CBAFCF, #E59848
A paleta Illustration layout ui landing page colors tem uma combinação de cores de códigos de 6:
HEX: #e59848, RGB: (229, 152, 72); HEX: #6f71f2, RGB: (111, 113, 242); HEX: #943c86, RGB: (148, 60, 134)
HEX: #a2707f, RGB: (162, 112, 127); HEX: #cbafcf, RGB: (203, 175, 207); HEX: #3e3c42, RGB: (62, 60, 66)
Versão simplificada das cores da paleta
Matiz de sandybrown, Sombra de mediumslateblue, Sombra de darkmagenta, Matiz de rosybrown, Matiz de thistle, Matiz de dimgrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Illustration layout ui landing page colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #e59848 | #e59848 | RGB(229, 152, 72) | Jasper Orange | — |
| #6f71f2 | #6f71f2 | RGB(111, 113, 242) | Medium Slate Blue | — |
| #943c86 | #943c86 | RGB(148, 60, 134) | Violet (Crayola) | — |
| #a2707f | #a2707f | RGB(162, 112, 127) | Bazaar | — |
| #cbafcf | #cbafcf | RGB(203, 175, 207) | Pink Lavender | — |
| #3e3c42 | #3e3c42 | RGB(62, 60, 66) | Black Olive | — |
Contraste da Paleta de Cores
8 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 |
|---|---|---|
#e59848 | #6f71f2 | 1.67 |
#e59848 | #a2707f | 1.72 |
#e59848 | #cbafcf | 1.18 |
#6f71f2 | #943c86 | 1.63 |
#6f71f2 | #a2707f | 1.03 |
#6f71f2 | #cbafcf | 1.98 |
Paleta de imagens Illustration layout ui landing page colors png
Exportar paleta
Baixe a "Illustration layout ui landing page colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: