Códigos HTML de cores para verde pastel - hexadecimal + RGB.
Descubra todos os códigos HTML da cor verde pastel - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor verde pastel.
#b0f2c2
Cor complementar do verde pastel:
A cor complementar de uma cor é o oposto dela no círculo cromático
#f2b0e0
Esquema monocromático da cor verde pastel
#47855b
#64a377
#82c294
#a0e2b3
#bcf4cb
#d3f8dc
#e9fced
#ffffff
Este esquema é baseado na cor verde pastel e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor verde pastel
| formato | código |
|---|---|
| hex | #b0f2c2 |
| rgb | rgb(176,242,194) |
| hsl | hsl(137,72%,82%) |
| cmyk | cmyk(28, 0, 20, 6) |
| hsv | hsv(137, 28%, 95%) |
Qual é a cor verde pastel no formato RGB?
A cor verde pastel no formato RGB é composta por (176 no canal vermelho), (242 no canal verde) e (194 no canal azul).
Qual é a cor verde pastel no formato CMYK?
Ela é composta por (28%) de ciano, (0%) de magenta, (20%) de amarelo e (6%) de preto / chave.
Qual é a composição da cor verde pastel no formato HSL?
Ela é composta por (137°) de matiz, (72%) de saturação e (82%) de luminosidade.
Qual é a cor verde pastel no formato HSV?
A cor verde pastel no formato HSV é composta por (137°) de matiz, (28%) de saturação e (95%) de valor.
Esquema análogo da cor verde pastel
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#b0f2c3
#b0f2e4
#bef2b0
Esquema triádico da cor verde pastel
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#b0f2c2
#c2b0f2
#f2c2b0
Esquema tetrádico da cor verde pastel
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#b0f2c2
#b0bff2
#f2b0e0
#f2e3b0
Esquema complementar dividido da cor verde pastel
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#b0f2c2
#b0d3f2
#f2b0b8
Tons da cor verde pastel
Os tons são obtidos a partir da cor base verde pastel até chegar ao branco, encontrando tons intermediários de cores pastel.
#b0f2c2
#c0f5ce
#d0f7da
#dffae7
#effcf3
#ffffff
Sombras da cor verde pastel
Essas sombras são obtidas a partir da cor base verde pastel até chegar ao preto
#b0f2c2
#8dc29b
#6a9174
#46614e
#233027
#000000
Verificar o contraste da cor verde pastel.
Agora você pode validar a relação de contraste da cor verde pastel, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 1.29
Teste de relação de contraste da cor verde pastel como fundo
Alterar a cor de fundo
Relação de contraste: 12.14
Teste de relação de contraste da cor verde pastel como texto.
Como implementar a cor verde pastel em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor verde pastel 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 pastel 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:#b0f2c2;"> Cor verde pastel como fundo de uma div.</div>
/* Cor verde pastel como fundo da tag body com CSS. */body {background: #b0f2c2;}
Para definir a cor do texto verde pastel 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:#b0f2c2;"> Cor verde pastel como a cor do texto.</p>
p {color:#b0f2c2 ;}