Códigos HTML de cores para guinda - hexadecimal + RGB.
Descubra todos os códigos HTML da cor guinda - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor guinda.
#952f57
Cor complementar do guinda:
A cor complementar de uma cor é o oposto dela no círculo cromático
#2f956d
Esquema monocromático da cor guinda
#330000
#4d0b1d
#691933
#86284b
#a43f65
#c25f83
#e07ea2
#ff9ec2
Este esquema é baseado na cor guinda e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor guinda
| formato | código |
|---|---|
| hex | #952f57 |
| rgb | rgb(149,47,87) |
| hsl | hsl(337,53%,39%) |
| cmyk | cmyk(0, 69, 42, 42) |
| hsv | hsv(337, 69%, 59%) |
Qual é a cor guinda no formato RGB?
A cor guinda no formato RGB é composta por (149 no canal vermelho), (47 no canal verde) e (87 no canal azul).
Qual é a cor guinda no formato CMYK?
Ela é composta por (0%) de ciano, (69%) de magenta, (42%) de amarelo e (42%) de preto / chave.
Qual é a composição da cor guinda no formato HSL?
Ela é composta por (337°) de matiz, (53%) de saturação e (39%) de luminosidade.
Qual é a cor guinda no formato HSV?
A cor guinda no formato HSV é composta por (337°) de matiz, (69%) de saturação e (59%) de valor.
Esquema análogo da cor guinda
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#982f57
#983b2f
#982f8c
Esquema triádico da cor guinda
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#952f57
#57952f
#2f5795
Esquema tetrádico da cor guinda
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#952f57
#8a952f
#2f956d
#3a2f95
Esquema complementar dividido da cor guinda
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#952f57
#95812f
#2f8095
Tons da cor guinda
Os tons são obtidos a partir da cor base guinda até chegar ao branco, encontrando tons intermediários de cores pastel.
#952f57
#aa5979
#bf829a
#d5acbc
#ead5dd
#ffffff
Sombras da cor guinda
Essas sombras são obtidas a partir da cor base guinda até chegar ao preto
#952f57
#772646
#591c34
#3c1323
#1e0911
#000000
Verificar o contraste da cor guinda.
Agora você pode validar a relação de contraste da cor guinda, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 7.44
Teste de relação de contraste da cor guinda como fundo
Alterar a cor de fundo
Relação de contraste: 2.10
Teste de relação de contraste da cor guinda como texto.
Como implementar a cor guinda em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor guinda 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 guinda 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:#952f57;"> Cor guinda como fundo de uma div.</div>
/* Cor guinda como fundo da tag body com CSS. */body {background: #952f57;}
Para definir a cor do texto guinda 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:#952f57;"> Cor guinda como a cor do texto.</p>
p {color:#952f57 ;}