Criado em 03/12/2022 14:16
Design system user interface app
- Gray (HTML/CSS Gray)#817a84
- Gray (X11)#bdb9bf
- Arsenic#433f45
- Gray (HTML/CSS Gray)#7a8083
- Philippine Silver#b8b4ba
- Davy's Grey#4c545c
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Arsenic #433f45 e Davy's Grey #4c545c. A paleta tem Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #433F45 (mais escuro) a #BDB9BF (mais claro). A faixa de luminosidade é moderada.
A saturação global parece maioritariamente suave (croma baixo).
A maioria das cores está quase neutra ou com saturação muito baixa; as relações de matiz são subtis.
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #433F45, #4C545C, #7A8083, #817A84, #B8B4BA, #BDB9BF
A paleta Design system user interface app tem uma combinação de cores de códigos de 6:
HEX: #817a84, RGB: (129, 122, 132); HEX: #bdb9bf, RGB: (189, 185, 191); HEX: #433f45, RGB: (67, 63, 69)
HEX: #7a8083, RGB: (122, 128, 131); HEX: #b8b4ba, RGB: (184, 180, 186); HEX: #4c545c, RGB: (76, 84, 92)
Versão simplificada das cores da paleta
Matiz de Cinza, Matiz de Prata, Matiz de dimgrey, Matiz de Cinza, Matiz de Prata, Matiz de dimgrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design system user interface app códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #817a84 | #817a84 | RGB(129, 122, 132) | Gray (HTML/CSS Gray) | — |
| #bdb9bf | #bdb9bf | RGB(189, 185, 191) | Gray (X11) | — |
| #433f45 | #433f45 | RGB(67, 63, 69) | Arsenic | — |
| #7a8083 | #7a8083 | RGB(122, 128, 131) | Gray (HTML/CSS Gray) | — |
| #b8b4ba | #b8b4ba | RGB(184, 180, 186) | Philippine Silver | — |
| #4c545c | #4c545c | RGB(76, 84, 92) | Davy's Grey | — |
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 |
#817a84 | #7a8083 | 1.03 |
#817a84 | #4c545c | 1.84 |
#bdb9bf | #b8b4ba | 1.05 |
#433f45 | #4c545c | 1.34 |
#7a8083 | #b8b4ba | 1.95 |
#7a8083 | #4c545c | 1.92 |
Paleta de imagens Design system user interface app png
Exportar paleta
Baixe a "Design system user interface app" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: