Códigos HTML de cores para canela - hexadecimal + RGB.
Descubra todos os códigos HTML da cor canela - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor canela.
#d2691e
Cor complementar do canela:
A cor complementar de uma cor é o oposto dela no círculo cromático
#1e87d2
Esquema monocromático da cor canela
#5e0000
#7e230c
#9f3f13
#c15b1a
#da792e
#e8994d
#f4b96b
#ffd98a
Este esquema é baseado na cor canela e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor canela
| formato | código |
|---|---|
| hex | #d2691e |
| rgb | rgb(210,105,30) |
| hsl | hsl(25,75%,48%) |
| cmyk | cmyk(0, 50, 86, 18) |
| hsv | hsv(25, 86%, 83%) |
Qual é a cor canela no formato RGB?
A cor canela no formato RGB é composta por (210 no canal vermelho), (105 no canal verde) e (30 no canal azul).
Qual é a cor canela no formato CMYK?
Ela é composta por (0%) de ciano, (50%) de magenta, (86%) de amarelo e (18%) de preto / chave.
Qual é a composição da cor canela no formato HSL?
Ela é composta por (25°) de matiz, (75%) de saturação e (48%) de luminosidade.
Qual é a cor canela no formato HSV?
A cor canela no formato HSV é composta por (25°) de matiz, (86%) de saturação e (83%) de valor.
Esquema análogo da cor canela
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#d66b1f
#d6c71f
#d61f2e
Esquema triádico da cor canela
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#d2691e
#1ed269
#691ed2
Esquema tetrádico da cor canela
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#d2691e
#2dd21e
#1e87d2
#c31ed2
Esquema complementar dividido da cor canela
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#d2691e
#63d21e
#211ed2
Tons da cor canela
Os tons são obtidos a partir da cor base canela até chegar ao branco, encontrando tons intermediários de cores pastel.
#d2691e
#db874b
#e4a578
#edc3a5
#f6e1d2
#ffffff
Sombras da cor canela
Essas sombras são obtidas a partir da cor base canela até chegar ao preto
#d2691e
#a85418
#7e3f12
#542a0c
#2a1506
#000000
Verificar o contraste da cor canela.
Agora você pode validar a relação de contraste da cor canela, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 3.63
Teste de relação de contraste da cor canela como fundo
Alterar a cor de fundo
Relação de contraste: 4.30
Teste de relação de contraste da cor canela como texto.
Como implementar a cor canela em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor canela 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 canela 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:#d2691e;"> Cor canela como fundo de uma div.</div>
/* Cor canela como fundo da tag body com CSS. */body {background: #d2691e;}
Para definir a cor do texto canela 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:#d2691e;"> Cor canela como a cor do texto.</p>
p {color:#d2691e ;}