Criado em 02/15/2023 13:27
Design landing page illustration ui
- Bleu De France#2f96db
- Fawn#e2a679
- Cetacean Blue#180634
- Dark Lavender#6c5797
- Pastel Gray#d5c9c0
- English Violet#5a3c5f
A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque Fawn #e2a679 e Cetacean Blue #180634. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #180634 (mais escuro) a #D5C9C0 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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 frio.
Códigos HEX (ordenados): #180634, #2F96DB, #5A3C5F, #6C5797, #D5C9C0, #E2A679
A paleta Design landing page illustration ui tem uma combinação de cores de códigos de 6:
HEX: #2f96db, RGB: (47, 150, 219); HEX: #e2a679, RGB: (226, 166, 121); HEX: #180634, RGB: (24, 6, 52)
HEX: #6c5797, RGB: (108, 87, 151); HEX: #d5c9c0, RGB: (213, 201, 192); HEX: #5a3c5f, RGB: (90, 60, 95)
Versão simplificada das cores da paleta
Sombra de dodgerblue, Matiz de sandybrown, Matiz de midnightblue, Matiz de slateblue, Matiz de lightgrey, Matiz de darkslateblue
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Design landing page illustration ui códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2f96db | #2f96db | RGB(47, 150, 219) | Bleu De France | — |
| #e2a679 | #e2a679 | RGB(226, 166, 121) | Fawn | — |
| #180634 | #180634 | RGB(24, 6, 52) | Cetacean Blue | — |
| #6c5797 | #6c5797 | RGB(108, 87, 151) | Dark Lavender | — |
| #d5c9c0 | #d5c9c0 | RGB(213, 201, 192) | Pastel Gray | — |
| #5a3c5f | #5a3c5f | RGB(90, 60, 95) | English Violet | — |
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 |
#2f96db | #e2a679 | 1.53 |
#2f96db | #6c5797 | 1.88 |
#2f96db | #d5c9c0 | 1.98 |
#e2a679 | #d5c9c0 | 1.29 |
#6c5797 | #5a3c5f | 1.53 |
Paleta de imagens Design landing page illustration ui png
Exportar paleta
Baixe a "Design landing page illustration ui" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: