Códigos HTML de cores para cobre - hexadecimal + RGB.
Descubra todos os códigos HTML da cor cobre - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor cobre.
#cb6d51
Cor complementar do cobre:
A cor complementar de uma cor é o oposto dela no círculo cromático
#51afcb
Esquema monocromático da cor cobre
#590700
#782719
#99422f
#ba5f45
#d47d5f
#e49d7d
#f2bd9c
#ffdebc
Este esquema é baseado na cor cobre e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor cobre
| formato | código |
|---|---|
| hex | #cb6d51 |
| rgb | rgb(203,109,81) |
| hsl | hsl(14,54%,56%) |
| cmyk | cmyk(0, 47, 61, 21) |
| hsv | hsv(14, 61%, 80%) |
Qual é a cor cobre no formato RGB?
A cor cobre no formato RGB é composta por (203 no canal vermelho), (109 no canal verde) e (81 no canal azul).
Qual é a cor cobre no formato CMYK?
Ela é composta por (0%) de ciano, (47%) de magenta, (61%) de amarelo e (21%) de preto / chave.
Qual é a composição da cor cobre no formato HSL?
Ela é composta por (14°) de matiz, (54%) de saturação e (56%) de luminosidade.
Qual é a cor cobre no formato HSV?
A cor cobre no formato HSV é composta por (14°) de matiz, (61%) de saturação e (80%) de valor.
Esquema análogo da cor cobre
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#cb6e52
#cbab52
#cb5273
Esquema triádico da cor cobre
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#cb6d51
#51cb6d
#6d51cb
Esquema tetrádico da cor cobre
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#cb6d51
#72cb51
#51afcb
#aa51cb
Esquema complementar dividido da cor cobre
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#cb6d51
#97cb51
#5166cb
Tons da cor cobre
Os tons são obtidos a partir da cor base cobre até chegar ao branco, encontrando tons intermediários de cores pastel.
#cb6d51
#d58a74
#e0a797
#eac5b9
#f5e2dc
#ffffff
Sombras da cor cobre
Essas sombras são obtidas a partir da cor base cobre até chegar ao preto
#cb6d51
#a25741
#7a4131
#512c20
#291610
#000000
Verificar o contraste da cor cobre.
Agora você pode validar a relação de contraste da cor cobre, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 3.59
Teste de relação de contraste da cor cobre como fundo
Alterar a cor de fundo
Relação de contraste: 4.35
Teste de relação de contraste da cor cobre como texto.
Como implementar a cor cobre em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor cobre 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 cobre 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:#cb6d51;"> Cor cobre como fundo de uma div.</div>
/* Cor cobre como fundo da tag body com CSS. */body {background: #cb6d51;}
Para definir a cor do texto cobre 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:#cb6d51;"> Cor cobre como a cor do texto.</p>
p {color:#cb6d51 ;}