Códigos HTML de cores para cinza - hexadecimal + RGB.

Descubra todos os códigos HTML da cor cinza - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor cinza.

#808080

códigos del color cinza

Cor complementar do cinza:

A cor complementar de uma cor é o oposto dela no círculo cromático

#808080

Esquema monocromático da cor cinza

#242424
#3c3c3c
#565656
#727272
#8f8f8f
#afafaf
#cfcfcf
#f1f1f1

Este esquema é baseado na cor cinza e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.

Códigos HTML e CSS para a cor cinza

formatocódigo
hex#808080
rgbrgb(128,128,128)
hslhsl(0,0%,51%)
cmykcmyk(0, 0, 0, 50)
hsvhsv(0, 0%, 51%)

Qual é a cor cinza no formato RGB?

A cor cinza no formato RGB é composta por (128 no canal vermelho), (128 no canal verde) e (128 no canal azul).

Qual é a cor cinza no formato CMYK?

Ela é composta por (0%) de ciano, (0%) de magenta, (0%) de amarelo e (50%) de preto / chave.

Qual é a composição da cor cinza no formato HSL?

Ela é composta por (NaN°) de matiz, (0%) de saturação e (51%) de luminosidade.

Qual é a cor cinza no formato HSV?

A cor cinza no formato HSV é composta por (NaN°) de matiz, (0%) de saturação e (51%) de valor.

Esquema análogo da cor cinza

As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.

#828282
#828282
#828282

Esquema triádico da cor cinza

O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.

#808080
#808080
#808080

Esquema tetrádico da cor cinza

Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.

#808080
#808080
#808080
#808080

Esquema complementar dividido da cor cinza

Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.

#808080
#808080
#808080

Tons da cor cinza

Os tons são obtidos a partir da cor base cinza até chegar ao branco, encontrando tons intermediários de cores pastel.

#808080
#999999
#b3b3b3
#cccccc
#e6e6e6
#ffffff

Sombras da cor cinza

Essas sombras são obtidas a partir da cor base cinza até chegar ao preto

#808080
#666666
#4d4d4d
#333333
#1a1a1a
#000000

Verificar o contraste da cor cinza.

Agora você pode validar a relação de contraste da cor cinza, seja usando-a como cor de fundo ou como cor de texto.

Alterar a cor do texto.
Relação de contraste: 3.95

Teste de relação de contraste da cor cinza como fundo

Alterar a cor de fundo
Relação de contraste: 3.95

Teste de relação de contraste da cor cinza como texto.

Como implementar a cor cinza em HTML e CSS.

Aqui estão exemplos de códigos para usar a cor cinza na sua página da web. Lembre-se de que você pode implementar a cor em HTML usando códigos de cor, como hexadecimal, RGB ou HSL, e também diretamente com o nome da cor escrito em inglês (desde que seja suportado nativamente pelo HTML

Cor de fundo cinza em HTML - CSS.

Para definir a cor de fundo, você pode usar estilos inline ou aplicá-los em uma folha de estilo CSS.

<div style="background:#808080;"> Cor cinza como fundo de uma div.</div>
/* Cor cinza como fundo da tag body com CSS. */
body {
background: #808080;
}

Para definir a cor do texto cinza em HTML - CSS.

Para definir a cor do texto, você pode usar estilos inline ou aplicá-los em uma folha de estilo CSS.

<p style="color:#808080;"> Cor cinza como a cor do texto.</p>
p {
color:#808080 ;
}