Códigos HTML de cores para púrpura - hexadecimal + RGB.
Descubra todos os códigos HTML da cor púrpura - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor púrpura.
#7D2181
Cor complementar do púrpura:
A cor complementar de uma cor é o oposto dela no círculo cromático
#258121
Esquema monocromático da cor púrpura
#260024
#3d093c
#551257
#6f1c73
#8d3290
#ae52b0
#d071d1
#f291f3
Este esquema é baseado na cor púrpura e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor púrpura
| formato | código |
|---|---|
| hex | #7d2181 |
| rgb | rgb(125,33,129) |
| hsl | hsl(298,60%,32%) |
| cmyk | cmyk(4, 75, 0, 50) |
| hsv | hsv(298, 75%, 51%) |
Qual é a cor púrpura no formato RGB?
A cor púrpura no formato RGB é composta por (125 no canal vermelho), (33 no canal verde) e (129 no canal azul).
Qual é a cor púrpura no formato CMYK?
Ela é composta por (4%) de ciano, (75%) de magenta, (0%) de amarelo e (50%) de preto / chave.
Qual é a composição da cor púrpura no formato HSL?
Ela é composta por (298°) de matiz, (60%) de saturação e (32%) de luminosidade.
Qual é a cor púrpura no formato HSV?
A cor púrpura no formato HSV é composta por (298°) de matiz, (75%) de saturação e (51%) de valor.
Esquema análogo da cor púrpura
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#7f2183
#832155
#4e2183
Esquema triádico da cor púrpura
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#7d2181
#817d21
#21817d
Esquema tetrádico da cor púrpura
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#7d2181
#814d21
#258121
#215581
Esquema complementar dividido da cor púrpura
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#7d2181
#813021
#218157
Tons da cor púrpura
Os tons são obtidos a partir da cor base púrpura até chegar ao branco, encontrando tons intermediários de cores pastel.
#7d2181
#974d9a
#b17ab3
#cba6cd
#e5d3e6
#ffffff
Sombras da cor púrpura
Essas sombras são obtidas a partir da cor base púrpura até chegar ao preto
#7d2181
#641a67
#4b144d
#320d34
#19071a
#000000
Verificar o contraste da cor púrpura.
Agora você pode validar a relação de contraste da cor púrpura, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 8.73
Teste de relação de contraste da cor púrpura como fundo
Alterar a cor de fundo
Relação de contraste: 1.79
Teste de relação de contraste da cor púrpura como texto.
Como implementar a cor púrpura em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor púrpura 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 púrpura 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:#7D2181;"> Cor púrpura como fundo de uma div.</div>
/* Cor púrpura como fundo da tag body com CSS. */body {background: #7D2181;}
Para definir a cor do texto púrpura 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:#7D2181;"> Cor púrpura como a cor do texto.</p>
p {color:#7D2181 ;}