Ui ux landing page design logo
- Black#141414
- White#ffffff
- Lavender (Web)#f0dcff
- Anti-Flash White#f0f0f0
- Lavender Indigo#8c50dc
- Azureish White#dcdcf0
Criado em 05/06/2023 16:56
A paleta consiste em cores Escuro, Claro, Semi escuro. Cores de destaque Lavender (Web) #f0dcff e Lavender Indigo #8c50dc. A paleta tem Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #141414 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 2 vívidas em 6 cores.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 34°.
A maioria das amostras lê-se como neutra em temperatura (5 de 6).
Códigos HEX (ordenados): #141414, #8C50DC, #DCDCF0, #F0DCFF, #F0F0F0, #FFFFFF
A paleta Ui ux landing page design logo combina 6 códigos de cor:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0dcff, RGB: (240, 220, 255)
HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #8c50dc, RGB: (140, 80, 220); HEX: #dcdcf0, RGB: (220, 220, 240)
Versão simplificada das cores da paleta
Tom claro de Preto, Branco, Tom claro de Cardo, Tom escuro de Fumaça-branca, Tom claro de Azul-violeta, Tom escuro de Lavanda
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Ui ux landing page design logo códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #f0dcff | #f0dcff | RGB(240, 220, 255) | Lavender (Web) | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #8c50dc | #8c50dc | RGB(140, 80, 220) | Lavender Indigo | — |
| #dcdcf0 | #dcdcf0 | RGB(220, 220, 240) | Azureish White | — |
Contraste da paleta de cores
6 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#ffffff | #f0dcff | 1.28 |
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #dcdcf0 | 1.35 |
#f0dcff | #f0f0f0 | 1.12 |
#f0dcff | #dcdcf0 | 1.05 |
#f0f0f0 | #dcdcf0 | 1.18 |
Paleta de imagens Ui ux landing page design logo png
Exportar paleta
Baixe a "Ui ux landing page design logo" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: