Códigos HTML de cores para violeta - hexadecimal + RGB.
Descubra todos os códigos HTML da cor violeta - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor violeta.
#78288c
Cor complementar do violeta:
A cor complementar de uma cor é o oposto dela no círculo cromático
#3c8c28
Esquema monocromático da cor violeta
#22002d
#380b46
#511661
#6b227d
#88389c
#a957bc
#cb76dd
#ed96ff
Este esquema é baseado na cor violeta e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor violeta
| formato | código |
|---|---|
| hex | #78288c |
| rgb | rgb(120,40,140) |
| hsl | hsl(288,56%,36%) |
| cmyk | cmyk(15, 72, 0, 46) |
| hsv | hsv(288, 72%, 55%) |
Qual é a cor violeta no formato RGB?
A cor violeta no formato RGB é composta por (120 no canal vermelho), (40 no canal verde) e (140 no canal azul).
Qual é a cor violeta no formato CMYK?
Ela é composta por (15%) de ciano, (72%) de magenta, (0%) de amarelo e (46%) de preto / chave.
Qual é a composição da cor violeta no formato HSL?
Ela é composta por (288°) de matiz, (56%) de saturação e (36%) de luminosidade.
Qual é a cor violeta no formato HSV?
A cor violeta no formato HSV é composta por (288°) de matiz, (72%) de saturação e (55%) de valor.
Esquema análogo da cor violeta
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#7b288f
#8f2870
#47288f
Esquema triádico da cor violeta
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#78288c
#8c7828
#288c78
Esquema tetrádico da cor violeta
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#78288c
#8c4628
#3c8c28
#286e8c
Esquema complementar dividido da cor violeta
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#78288c
#8c2828
#288c50
Tons da cor violeta
Os tons são obtidos a partir da cor base violeta até chegar ao branco, encontrando tons intermediários de cores pastel.
#78288c
#9353a3
#ae7eba
#c9a9d1
#e4d4e8
#ffffff
Sombras da cor violeta
Essas sombras s ão obtidas a partir da cor base violeta até chegar ao preto
#78288c
#602070
#481854
#301038
#18081c
#000000
Verificar o contraste da cor violeta.
Agora você pode validar a relação de contraste da cor violeta, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 8.46
Teste de relação de contraste da cor violeta como fundo
Alterar a cor de fundo
Relação de contraste: 1.84
Teste de relação de contraste da cor violeta como texto.
Como implementar a cor violeta em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor violeta 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 violeta 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:#78288c;"> Cor violeta como fundo de uma div.</div>
/* Cor violeta como fundo da tag body com CSS. */body {background: #78288c;}
Para definir a cor do texto violeta 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:#78288c;"> Cor violeta como a cor do texto.</p>
p {color:#78288c ;}