Códigos HTML de cores para verde - hexadecimal + RGB.
Descubra todos os códigos HTML da cor verde - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor verde.
#00ff00
Cor complementar do verde:
A cor complementar de uma cor é o oposto dela no círculo cromático
#ff00ff
Esquema monocromático da cor verde
#008d00
#00ac00
#00cd00
#00ee00
#48ff31
#7eff5c
#a3ff7e
#c2ff9d
Este esquema é baseado na cor verde e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor verde
| formato | código |
|---|---|
| hex | #00ff00 |
| rgb | rgb(0,255,0) |
| hsl | hsl(120,100%,50%) |
| cmyk | cmyk(100, 0, 100, 0) |
| hsv | hsv(120, 100%, 100%) |
Qual é a cor verde no formato RGB?
A cor verde no formato RGB é composta por (0 no canal vermelho), (255 no canal verde) e (0 no canal azul).
Qual é a cor verde no formato CMYK?
Ela é composta por (100%) de ciano, (0%) de magenta, (100%) de amarelo e (0%) de preto / chave.
Qual é a composição da cor verde no formato HSL?
Ela é composta por (120°) de matiz, (100%) de saturação e (50%) de luminosidade.
Qual é a cor verde no formato HSV?
A cor verde no formato HSV é composta por (120°) de matiz, (100%) de saturação e (100%) de valor.
Esquema análogo da cor verde
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#00ff00
#00ff80
#80ff00
Esquema triádico da cor verde
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#00ff00
#0000ff
#ff0000
Esquema tetrádico da cor verde
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#00ff00
#007fff
#ff00ff
#ff8000
Esquema complementar dividido da cor verde
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#00ff00
#00ccff
#ff0066
Tons da cor verde
Os tons são obtidos a partir da cor base verde até chegar ao branco, encontrando tons intermediários de cores pastel.
#00ff00
#33ff33
#66ff66
#99ff99
#ccffcc
#ffffff
Sombras da cor verde
Essas sombras são obtidas a partir da cor base verde até chegar ao preto
#00ff00
#00cc00
#009900
#006600
#003300
#000000
Verificar o contraste da cor verde.
Agora você pode validar a relação de contraste da cor verde, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 1.37
Teste de relação de contraste da cor verde como fundo
Alterar a cor de fundo
Relação de contraste: 11.38
Teste de relação de contraste da cor verde como texto.
Como implementar a cor verde em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor verde 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 verde 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:#00ff00;"> Cor verde como fundo de uma div.</div>
/* Cor verde como fundo da tag body com CSS. */body {background: #00ff00;}
Para definir a cor do texto verde 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:#00ff00;"> Cor verde como a cor do texto.</p>
p {color:#00ff00 ;}