Códigos HTML de cores para roxo - hexadecimal + RGB.
Descubra todos os códigos HTML da cor roxo - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor roxo.
#a349a4
Cor complementar do roxo:
A cor complementar de uma cor é o oposto dela no círculo cromático
#4aa449
Esquema monocromático da cor roxo
#3a0040
#56145b
#742977
#933e95
#b059b1
#ca79ca
#e499e4
#ffb9ff
Este esquema é baseado na cor roxo e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor roxo
| formato | código |
|---|---|
| hex | #a349a4 |
| rgb | rgb(163,73,164) |
| hsl | hsl(300,39%,47%) |
| cmyk | cmyk(1, 56, 0, 36) |
| hsv | hsv(300, 56%, 65%) |
Qual é a cor roxo no formato RGB?
A cor roxo no formato RGB é composta por (163 no canal vermelho), (73 no canal verde) e (164 no canal azul).
Qual é a cor roxo no formato CMYK?
Ela é composta por (1%) de ciano, (56%) de magenta, (0%) de amarelo e (36%) de preto / chave.
Qual é a composição da cor roxo no formato HSL?
Ela é composta por (300°) de matiz, (39%) de saturação e (47%) de luminosidade.
Qual é a cor roxo no formato HSV?
A cor roxo no formato HSV é composta por (300°) de matiz, (56%) de saturação e (65%) de valor.
Esquema análogo da cor roxo
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#a749a7
#a74978
#7849a7
Esquema triádico da cor roxo
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#a349a4
#a4a349
#49a4a3
Esquema tetrádico da cor roxo
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#a349a4
#a47549
#4aa449
#4977a4
Esquema complementar dividido da cor roxo
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#a349a4
#a45a49
#49a47f
Tons da cor roxo
Os tons são obtidos a partir da cor base roxo até chegar ao branco, encontrando tons intermediários de cores pastel.
#a349a4
#b56db6
#c892c8
#dab6db
#eddbed
#ffffff
Sombras da cor roxo
Essas sombras são obtidas a partir da cor base roxo até chegar ao preto
#a349a4
#823a83
#622c62
#411d42
#210f21
#000000
Verificar o contraste da cor roxo.
Agora você pode validar a relação de contraste da cor roxo, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 5.19
Teste de relação de contraste da cor roxo como fundo
Alterar a cor de fundo
Relação de contraste: 3.01
Teste de relação de contraste da cor roxo como texto.
Como implementar a cor roxo em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor roxo 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 roxo 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:#a349a4;"> Cor roxo como fundo de uma div.</div>
/* Cor roxo como fundo da tag body com CSS. */body {background: #a349a4;}
Para definir a cor do texto roxo 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:#a349a4;"> Cor roxo como a cor do texto.</p>
p {color:#a349a4 ;}