Sobre os tons de cinza e preto
Cinzas e o preto são a base de qualquer interface: textos, bordas, fundos e ícones. Os cinzas-ardósia têm um leve tom azulado, que deixa o design mais moderno que o cinza neutro.
Como escolher o tom certo
Para textos, confira se o tom tem contraste suficiente com o fundo no verificador de contraste: tons claros quase nunca passam sobre o branco. Para montar uma paleta a partir de um destes códigos, use o gerador de paletas ou o gerador de escala, que cria versões mais claras e mais escuras da mesma cor.
Perguntas frequentes
Qual o código hexadecimal do cinza?
Depende do tom. Gainsboro é #DCDCDC, Cinza claro é #D3D3D3, Prata é #C0C0C0. A tabela acima traz todos os 12 tons de cinza e preto com HEX e RGB.
Como usar esses códigos no CSS?
Copie o HEX e use em qualquer propriedade de cor, como color: #DCDCDC; ou background: #DCDCDC;. Os tons com nome de CSS também funcionam pelo nome, como color: gainsboro;.