Códigos HTML de cores para cinza claro - hexadecimal + RGB.
Descubra todos os códigos HTML da cor cinza claro - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor cinza claro.
#D3D3D3
Cor complementar do cinza claro:
A cor complementar de uma cor é o oposto dela no círculo cromático
#d3d3d3
Esquema monocromático da cor cinza claro
#6a6a6a
#878787
#a4a4a4
#c3c3c3
#d9d9d9
#e6e6e6
#f2f2f2
#ffffff
Este esquema é baseado na cor cinza claro e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor cinza claro
| formato | código |
|---|---|
| hex | #d3d3d3 |
| rgb | rgb(211,211,211) |
| hsl | hsl(0,0%,83%) |
| cmyk | cmyk(0, 0, 0, 18) |
| hsv | hsv(0, 0%, 83%) |
Qual é a cor cinza claro no formato RGB?
A cor cinza claro no formato RGB é composta por (211 no canal vermelho), (211 no canal verde) e (211 no canal azul).
Qual é a cor cinza claro no formato CMYK?
Ela é composta por (0%) de ciano, (0%) de magenta, (0%) de amarelo e (18%) de preto / chave.
Qual é a composição da cor cinza claro no formato HSL?
Ela é composta por (NaN°) de matiz, (0%) de saturação e (83%) de luminosidade.
Qual é a cor cinza claro no formato HSV?
A cor cinza claro no formato HSV é composta por (NaN°) de matiz, (0%) de saturação e (83%) de valor.
Esquema análogo da cor cinza claro
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#d4d4d4
#d4d4d4
#d4d4d4
Esquema triádico da cor cinza claro
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#d3d3d3
#d3d3d3
#d3d3d3
Esquema tetrádico da cor cinza claro
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#d3d3d3
#d3d3d3
#d3d3d3
#d3d3d3
Esquema complementar dividido da cor cinza claro
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#d3d3d3
#d3d3d3
#d3d3d3
Tons da cor cinza claro
Os tons são obtidos a partir da cor base cinza claro até chegar ao branco, encontrando tons intermediários de cores pastel.
#d3d3d3
#dcdcdc
#e5e5e5
#ededed
#f6f6f6
#ffffff
Sombras da cor cinza claro
Essas sombras são obtidas a partir da cor base cinza claro até chegar ao preto
#d3d3d3
#a9a9a9
#7f7f7f
#545454
#2a2a2a
#000000
Verificar o contraste da cor cinza claro.
Agora você pode validar a relação de contraste da cor cinza claro, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 1.50
Teste de relação de contraste da cor cinza claro como fundo
Alterar a cor de fundo
Relação de contraste: 10.43
Teste de relação de contraste da cor cinza claro como texto.
Como implementar a cor cinza claro em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor cinza claro 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 claro 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:#D3D3D3;"> Cor cinza claro como fundo de uma div.</div>
/* Cor cinza claro como fundo da tag body com CSS. */body {background: #D3D3D3;}
Para definir a cor do texto cinza claro 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:#D3D3D3;"> Cor cinza claro como a cor do texto.</p>
p {color:#D3D3D3 ;}