Códigos HTML de cores para mandarina - hexadecimal + RGB.
Descubra todos os códigos HTML da cor mandarina - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor mandarina.
#f28500
Cor complementar do mandarina:
A cor complementar de uma cor é o oposto dela no círculo cromático
#006df2
Esquema monocromático da cor mandarina
#792100
#9a3d02
#bd5a02
#e07601
#f6961f
#fcb743
#ffd864
#fff884
Este esquema é baseado na cor mandarina e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor mandarina
| formato | código |
|---|---|
| hex | #f28500 |
| rgb | rgb(242,133,0) |
| hsl | hsl(33,100%,48%) |
| cmyk | cmyk(0, 46, 100, 6) |
| hsv | hsv(33, 100%, 95%) |
Qual é a cor mandarina no formato RGB?
A cor mandarina no formato RGB é composta por (242 no canal vermelho), (133 no canal verde) e (0 no canal azul).
Qual é a cor mandarina no formato CMYK?
Ela é composta por (0%) de ciano, (46%) de magenta, (100%) de amarelo e (6%) de preto / chave.
Qual é a composição da cor mandarina no formato HSL?
Ela é composta por (33°) de matiz, (100%) de saturação e (48%) de luminosidade.
Qual é a cor mandarina no formato HSV?
A cor mandarina no formato HSV é composta por (33°) de matiz, (100%) de saturação e (95%) de valor.
Esquema análogo da cor mandarina
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#f58700
#e9f500
#f50c00
Esquema triádico da cor mandarina
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#f28500
#00f285
#8500f2
Esquema tetrádico da cor mandarina
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#f28500
#00f20c
#006df2
#f200e6
Esquema complementar dividido da cor mandarina
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#f28500
#3df200
#2400f2
Tons da cor mandarina
Os tons são obtidos a partir da cor base mandarina até chegar ao branco, encontrando tons intermediários de cores pastel.
#f28500
#f59d33
#f7b666
#face99
#fce7cc
#ffffff
Sombras da cor mandarina
Essas sombras são obtidas a partir da cor base mandarina até chegar ao preto
#f28500
#c26a00
#915000
#613500
#301b00
#000000
Verificar o contraste da cor mandarina.
Agora você pode validar a relação de contraste da cor mandarina, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 2.58
Teste de relação de contraste da cor mandarina como fundo
Alterar a cor de fundo
Relação de contraste: 6.05
Teste de relação de contraste da cor mandarina como texto.
Como implementar a cor mandarina em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor mandarina 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 mandarina 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:#f28500;"> Cor mandarina como fundo de uma div.</div>
/* Cor mandarina como fundo da tag body com CSS. */body {background: #f28500;}
Para definir a cor do texto mandarina 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:#f28500;"> Cor mandarina como a cor do texto.</p>
p {color:#f28500 ;}