Tons de cinza: claros, escuros e códigos HEX

Compare amostras, nomes e códigos para montar sua paleta.

Cinza claro, médio, chumbo e grafite são referências de tons de cinza com luminosidades diferentes. Compare a tabela, copie um código e teste a combinação com o fundo e as imagens do seu projeto. Ver tabela de tons e códigos.

Preview Escolhido

Use o botão ao lado para escolher uma cor. Ao selecionar, o tema será atualizado automaticamente com base na sua escolha.

Visualização das Cores Nome e Sobrenome 250 posts 5k seguidores 500 seguindo 250 posts 5k followers 500 following

Criamos estas combinações de cores para você

A mesma tecnologia de clientes LojaVirtual.com.br, agora disponível para todos.

Tons de cinza: claros, escuros e códigos HEX

paleta de cores cinza

Os nomes abaixo são referências ilustrativas para projetos digitais, não códigos oficiais de tintas ou tecidos. A aparência depende da tela, iluminação e material. HEX e RGB identificam a mesma amostra digital.

Exemplos de tons para comparar e usar em uma paleta digital
NomeAmostraHEXRGB
Cinza muito claro#F2F2F2242, 242, 242
Cinza claro#D3D3D3211, 211, 211
Prata digital#C0C0C0192, 192, 192
Cinza médio#808080128, 128, 128
Cinza chumbo#55555585, 85, 85
Grafite#38383856, 56, 56

Cinza claro, chumbo e grafite: o que muda?

Nesta tabela, os três canais RGB têm o mesmo valor e formam cinzas neutros: quanto menor o valor, mais escura a amostra. Chumbo e grafite são nomes comerciais usados para diferentes cinzas escuros; não definem uma tinta universal. Cinzas quentes e frios podem ter pequenas diferenças entre os canais e puxar para bege ou azul.

Combinações para experimentar

Cinza claro e azul-marinho

Compare #D3D3D3 e #000080 para uma base clara com detalhes escuros.

Grafite e rosa claro

Experimente #383838 com #FFB6C1 em blocos separados.

Cinza médio e amarelo

Use #808080 com #FFD700 para destacar pequenos detalhes. Para texto, confira o contraste.

Cinza e prata são a mesma coisa?

Não. Uma amostra digital como #C0C0C0 mostra apenas uma cor plana. O acabamento prata de um metal depende de reflexos, textura e iluminação; uma cor de tela não reproduz tudo isso.

Como usar os códigos e a ferramenta de paletas

Copie o código HEX da tabela para o campo de cor do seu editor. Na ferramenta acima, escolha uma cor, compare as paletas e visualize a composição. Para textos e botões, meça o contraste entre a cor do texto e o fundo; uma combinação visual agradável não garante legibilidade.

Continue comparando na paleta de cores neutras ou explore o gerador de paletas de cores.

Conteúdo revisado em 15/10/2026. Exemplos de cores preparados para consulta digital.


Todas as paletas de cores


Ver todas as Paletas