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

códigos del color cobre

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

formatocódigo
hex#cb6d51
rgbrgb(203,109,81)
hslhsl(14,54%,56%)
cmykcmyk(0, 47, 61, 21)
hsvhsv(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 ;
}