Códigos HTML de cores para magenta - hexadecimal + RGB.
Descubra todos os códigos HTML da cor magenta - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor magenta.
#ff00ff
Cor complementar do magenta:
A cor complementar de uma cor é o oposto dela no círculo cromático
#00ff00
Esquema monocromático da cor magenta
#86008f
#a700ae
#c900ce
#ed00ee
#ff3dff
#ff6dff
#ff90ff
#ffafff
Este esquema é baseado na cor magenta e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor magenta
| formato | código |
|---|---|
| hex | #ff00ff |
| rgb | rgb(255,0,255) |
| hsl | hsl(300,100%,50%) |
| cmyk | cmyk(0, 100, 0, 0) |
| hsv | hsv(300, 100%, 100%) |
Qual é a cor magenta no formato RGB?
A cor magenta no formato RGB é composta por (255 no canal vermelho), (0 no canal verde) e (255 no canal azul).
Qual é a cor magenta no formato CMYK?
Ela é composta por (0%) de ciano, (100%) de magenta, (0%) de amarelo e (0%) de preto / chave.
Qual é a composição da cor magenta no formato HSL?
Ela é composta por (300°) de matiz, (100%) de saturação e (50%) de luminosidade.
Qual é a cor magenta no formato HSV?
A cor magenta no formato HSV é composta por (300°) de matiz, (100%) de saturação e (100%) de valor.
Esquema análogo da cor magenta
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#ff00ff
#ff0080
#7f00ff
Esquema triádico da cor magenta
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#ff00ff
#ffff00
#00ffff
Esquema tetrádico da cor magenta
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#ff00ff
#ff8000
#00ff00
#007fff
Esquema complementar dividido da cor magenta
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#ff00ff
#ff3300
#00ff99
Tons da cor magenta
Os tons são obtidos a partir da cor base magenta até chegar ao branco, encontrando tons intermediários de cores pastel.
#ff00ff
#ff33ff
#ff66ff
#ff99ff
#ffccff
#ffffff
Sombras da cor magenta
Essas sombras são obtidas a partir da cor base magenta até chegar ao preto
#ff00ff
#cc00cc
#990099
#660066
#330033
#000000
Verificar o contraste da cor magenta.
Agora você pode validar a relação de contraste da cor magenta, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 3.14
Teste de relação de contraste da cor magenta como fundo
Alterar a cor de fundo
Relação de contraste: 4.98
Teste de relação de contraste da cor magenta como texto.
Como implementar a cor magenta em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor magenta 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 magenta 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:#ff00ff;"> Cor magenta como fundo de uma div.</div>
/* Cor magenta como fundo da tag body com CSS. */body {background: #ff00ff;}
Para definir a cor do texto magenta 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:#ff00ff;"> Cor magenta como a cor do texto.</p>
p {color:#ff00ff ;}