Códigos HTML de cores para escarlate - hexadecimal + RGB.
Descubra todos os códigos HTML da cor escarlate - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor escarlate.
#e30032
Cor complementar do escarlate:
A cor complementar de uma cor é o oposto dela no círculo cromático
#00e3b1
Esquema monocromático da cor escarlate
#670000
#880011
#ac001e
#d0002b
#e9303f
#f25b5b
#fa7d79
#ff9c97
Este esquema é baseado na cor escarlate e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor escarlate
| formato | código |
|---|---|
| hex | #e30032 |
| rgb | rgb(227,0,50) |
| hsl | hsl(347,100%,45%) |
| cmyk | cmyk(0, 100, 78, 11) |
| hsv | hsv(347, 100%, 90%) |
Qual é a cor escarlate no formato RGB?
A cor escarlate no formato RGB é composta por (227 no canal vermelho), (0 no canal verde) e (50 no canal azul).
Qual é a cor escarlate no formato CMYK?
Ela é composta por (0%) de ciano, (100%) de magenta, (78%) de amarelo e (11%) de preto / chave.
Qual é a composição da cor escarlate no formato HSL?
Ela é composta por (347°) de matiz, (100%) de saturação e (45%) de luminosidade.
Qual é a cor escarlate no formato HSV?
A cor escarlate no formato HSV é composta por (347°) de matiz, (100%) de saturação e (90%) de valor.
Esquema análogo da cor escarlate
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#e60032
#e64100
#e600a4
Esquema triádico da cor escarlate
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#e30032
#32e300
#0032e3
Esquema tetrádico da cor escarlate
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#e30032
#a3e300
#00e3b1
#3f00e3
Esquema complementar dividido da cor escarlate
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#e30032
#e3de00
#008de3
Tons da cor escarlate
Os tons são obtidos a partir da cor base escarlate até chegar ao branco, encontrando tons intermediários de cores pastel.
#e30032
#e9335b
#ee6684
#f499ad
#f9ccd6
#ffffff
Sombras da cor escarlate
Essas sombras são obtidas a partir da cor base escarlate até chegar ao preto
#e30032
#b60028
#88001e
#5b0014
#2d000a
#000000
Verificar o contraste da cor escarlate.
Agora você pode validar a relação de contraste da cor escarlate, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 4.87
Teste de relação de contraste da cor escarlate como fundo
Alterar a cor de fundo
Relação de contraste: 3.21
Teste de relação de contraste da cor escarlate como texto.
Como implementar a cor escarlate em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor escarlate 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 escarlate 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:#e30032;"> Cor escarlate como fundo de uma div.</div>
/* Cor escarlate como fundo da tag body com CSS. */body {background: #e30032;}
Para definir a cor do texto escarlate 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:#e30032;"> Cor escarlate como a cor do texto.</p>
p {color:#e30032 ;}