Códigos HTML de cores para lavanda - hexadecimal + RGB.
Descubra todos os códigos HTML da cor lavanda - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor lavanda.
#B57EDC
Cor complementar do lavanda:
A cor complementar de uma cor é o oposto dela no círculo cromático
#a5dc7e
Esquema monocromático da cor lavanda
#4b1c71
#68378e
#8653ad
#a56fcc
#c08ee1
#d6aeeb
#ebcff5
#fff0ff
Este esquema é baseado na cor lavanda e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor lavanda
| formato | código |
|---|---|
| hex | #b57edc |
| rgb | rgb(181,126,220) |
| hsl | hsl(276,58%,68%) |
| cmyk | cmyk(18, 43, 0, 14) |
| hsv | hsv(276, 43%, 87%) |
Qual é a cor lavanda no formato RGB?
A cor lavanda no formato RGB é composta por (181 no canal vermelho), (126 no canal verde) e (220 no canal azul).
Qual é a cor lavanda no formato CMYK?
Ela é composta por (18%) de ciano, (43%) de magenta, (0%) de amarelo e (14%) de preto / chave.
Qual é a composição da cor lavanda no formato HSL?
Ela é composta por (276°) de matiz, (58%) de saturação e (68%) de luminosidade.
Qual é a cor lavanda no formato HSV?
A cor lavanda no formato HSV é composta por (276°) de matiz, (43%) de saturação e (87%) de valor.
Esquema análogo da cor lavanda
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#b77edd
#dd7ed3
#887edd
Esquema triádico da cor lavanda
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#b57edc
#dcb57e
#7edcb5
Esquema tetrádico da cor lavanda
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#b57edc
#dc867e
#a5dc7e
#7ed4dc
Esquema complementar dividido da cor lavanda
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#b57edc
#dc7e92
#7edc8f
Tons da cor lavanda
Os tons são obtidos a partir da cor base lavanda até chegar ao branco, encontrando tons intermediários de cores pastel.
#b57edc
#c498e3
#d3b2ea
#e1cbf1
#f0e5f8
#ffffff
Sombras da cor lavanda
Essas sombras são obtidas a partir da cor base lavanda até chegar ao preto
#b57edc
#9165b0
#6d4c84
#483258
#24192c
#000000
Verificar o contraste da cor lavanda.
Agora você pode validar a relação de contraste da cor lavanda, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 3.01
Teste de relação de contraste da cor lavanda como fundo
Alterar a cor de fundo
Relação de contraste: 5.19
Teste de relação de contraste da cor lavanda como texto.
Como implementar a cor lavanda em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor lavanda 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 lavanda 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:#B57EDC;"> Cor lavanda como fundo de uma div.</div>
/* Cor lavanda como fundo da tag body com CSS. */body {background: #B57EDC;}
Para definir a cor do texto lavanda 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:#B57EDC;"> Cor lavanda como a cor do texto.</p>
p {color:#B57EDC ;}