Códigos HTML de cores para laranja claro - hexadecimal + RGB.
Descubra todos os códigos HTML da cor laranja claro - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor laranja claro.
#ffb552
Cor complementar do laranja claro:
A cor complementar de uma cor é o oposto dela no círculo cromático
#529cff
Esquema monocromático da cor laranja claro
#885000
#a96b1a
#cb8830
#eda647
#ffc062
#ffd583
#ffeaa3
#ffffc3
Este esquema é baseado na cor laranja claro e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor laranja claro
| formato | código |
|---|---|
| hex | #ffb552 |
| rgb | rgb(255,181,82) |
| hsl | hsl(35,100%,67%) |
| cmyk | cmyk(0, 30, 68, 0) |
| hsv | hsv(35, 68%, 100%) |
Qual é a cor laranja claro no formato RGB?
A cor laranja claro no formato RGB é composta por (255 no canal vermelho), (181 no canal verde) e (82 no canal azul).
Qual é a cor laranja claro no formato CMYK?
Ela é composta por (0%) de ciano, (30%) de magenta, (68%) de amarelo e (0%) de preto / chave.
Qual é a composição da cor laranja claro no formato HSL?
Ela é composta por (35°) de matiz, (100%) de saturação e (67%) de luminosidade.
Qual é a cor laranja claro no formato HSV?
A cor laranja claro no formato HSV é composta por (35°) de matiz, (68%) de saturação e (100%) de valor.
Esquema análogo da cor laranja claro
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#ffb957
#f1ff57
#ff6557
Esquema triádico da cor laranja claro
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#ffb552
#52ffb5
#b552ff
Esquema tetrádico da cor laranja claro
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#ffb552
#52ff5e
#529cff
#ff52f2
Esquema complementar dividido da cor laranja claro
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#ffb552
#79ff52
#7052ff
Tons da cor laranja claro
Os tons são obtidos a partir da cor base laranja claro até chegar ao branco, encontrando tons intermediários de cores pastel.
#ffb552
#ffc475
#ffd397
#ffe1ba
#fff0dc
#ffffff
Sombras da cor laranja claro
Essas sombras são obtidas a partir da cor base laranja claro até chegar ao preto
#ffb552
#cc9142
#996d31
#664821
#332410
#000000
Verificar o contraste da cor laranja claro.
Agora você pode validar a relação de contraste da cor laranja claro, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 1.75
Teste de relação de contraste da cor laranja claro como fundo
Alterar a cor de fundo
Relação de contraste: 8.91
Teste de relação de contraste da cor laranja claro como texto.
Como implementar a cor laranja claro em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor laranja claro 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 claro 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:#ffb552;"> Cor laranja claro como fundo de uma div.</div>
/* Cor laranja claro como fundo da tag body com CSS. */body {background: #ffb552;}
Para definir a cor do texto laranja claro 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:#ffb552;"> Cor laranja claro como a cor do texto.</p>
p {color:#ffb552 ;}