Códigos HTML de cores para laranja - hexadecimal + RGB.

Descubra todos os códigos HTML da cor laranja - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor laranja.

#ffa500

códigos del color laranja

Cor complementar do laranja:

A cor complementar de uma cor é o oposto dela no círculo cromático

#005aff

Esquema monocromático da cor laranja

#854100
#a65c00
#c97900
#ed9600
#ffb224
#ffcc4b
#ffe56c
#ffff8c

Este esquema é baseado na cor laranja e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.

Códigos HTML e CSS para a cor laranja

formatocódigo
hex#ffa500
rgbrgb(255,165,0)
hslhsl(39,100%,50%)
cmykcmyk(0, 36, 100, 0)
hsvhsv(39, 100%, 100%)

Qual é a cor laranja no formato RGB?

A cor laranja no formato RGB é composta por (255 no canal vermelho), (165 no canal verde) e (0 no canal azul).

Qual é a cor laranja no formato CMYK?

Ela é composta por (0%) de ciano, (36%) de magenta, (100%) de amarelo e (0%) de preto / chave.

Qual é a composição da cor laranja no formato HSL?

Ela é composta por (39°) de matiz, (100%) de saturação e (50%) de luminosidade.

Qual é a cor laranja no formato HSV?

A cor laranja no formato HSV é composta por (39°) de matiz, (100%) de saturação e (100%) de valor.

Esquema análogo da cor laranja

As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.

#ffa600
#d9ff00
#ff2600

Esquema triádico da cor laranja

O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.

#ffa500
#00ffa5
#a500ff

Esquema tetrádico da cor laranja

Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.

#ffa500
#00ff25
#005aff
#ff00da

Esquema complementar dividido da cor laranja

Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.

#ffa500
#27ff00
#3f00ff

Tons da cor laranja

Os tons são obtidos a partir da cor base laranja até chegar ao branco, encontrando tons intermediários de cores pastel.

#ffa500
#ffb733
#ffc966
#ffdb99
#ffedcc
#ffffff

Sombras da cor laranja

Essas sombras são obtidas a partir da cor base laranja até chegar ao preto

#ffa500
#cc8400
#996300
#664200
#332100
#000000

Verificar o contraste da cor laranja.

Agora você pode validar a relação de contraste da cor laranja, seja usando-a como cor de fundo ou como cor de texto.

Alterar a cor do texto.
Relação de contraste: 1.97

Teste de relação de contraste da cor laranja como fundo

Alterar a cor de fundo
Relação de contraste: 7.91

Teste de relação de contraste da cor laranja como texto.

Como implementar a cor laranja em HTML e CSS.

Aqui estão exemplos de códigos para usar a cor laranja 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 laranja 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:#ffa500;"> Cor laranja como fundo de uma div.</div>
/* Cor laranja como fundo da tag body com CSS. */
body {
background: #ffa500;
}

Para definir a cor do texto laranja 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:#ffa500;"> Cor laranja como a cor do texto.</p>
p {
color:#ffa500 ;
}

Aqui estão mais cores com todos os seus códigos.