Criado em 05/27/2023 08:21
Ux design prototype ui colors
- Black#141414
- White#ffffff
- Lavender (Web)#f0dcff
- Anti-Flash White#f0f0f0
- Lavender Indigo#8c50dc
- Pink Lace#f0dcf0
A paleta consiste em cores Escuro, Luz. Cores de destaque Lavender (Web) #f0dcff e Lavender Indigo #8c50dc. A paleta tem Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #141414 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #141414, #8C50DC, #F0DCF0, #F0DCFF, #F0F0F0, #FFFFFF
A paleta Ux design prototype ui colors tem uma combinação de cores de códigos de 6:
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: #f0dcf0, RGB: (240, 220, 240)
Versão simplificada das cores da paleta
Sombra de Preto, Branco, Sombra de thistle, Matiz de whitesmoke, Sombra de blueviolet, Matiz de lavenderblush
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Ux design prototype ui colors 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 | — |
| #f0dcf0 | #f0dcf0 | RGB(240, 220, 240) | Pink Lace | — |
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 | Taxa de contraste |
#ffffff | #f0dcff | 1.28 |
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #f0dcf0 | 1.29 |
#f0dcff | #f0f0f0 | 1.12 |
#f0dcff | #f0dcf0 | 1.01 |
#f0f0f0 | #f0dcf0 | 1.13 |
Paleta de imagens Ux design prototype ui colors png
Exportar paleta
Baixe a "Ux design prototype ui colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: