Códigos HTML de cores para coral - hexadecimal + RGB.
Descubra todos os códigos HTML da cor coral - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor coral.
#e4717a
Cor complementar do coral:
A cor complementar de uma cor é o oposto dela no círculo cromático
#71e4db
Esquema monocromático da cor coral
#70001f
#902737
#b14551
#d3626c
#ea8289
#f3a3a8
#fac4c9
#ffe4ea
Este esquema é baseado na cor coral e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor coral
| formato | código |
|---|---|
| hex | #e4717a |
| rgb | rgb(228,113,122) |
| hsl | hsl(356,69%,67%) |
| cmyk | cmyk(0, 51, 47, 11) |
| hsv | hsv(356, 51%, 90%) |
Qual é a cor coral no formato RGB?
A cor coral no formato RGB é composta por (228 no canal vermelho), (113 no canal verde) e (122 no canal azul).
Qual é a cor coral no formato CMYK?
Ela é composta por (0%) de ciano, (51%) de magenta, (47%) de amarelo e (11%) de preto / chave.
Qual é a composição da cor coral no formato HSL?
Ela é composta por (356°) de matiz, (69%) de saturação e (67%) de luminosidade.
Qual é a cor coral no formato HSV?
A cor coral no formato HSV é composta por (356°) de matiz, (51%) de saturação e (90%) de valor.
Esquema análogo da cor coral
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#e57179
#e5a371
#e571b3
Esquema triádico da cor coral
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#e4717a
#7ae471
#717ae4
Esquema tetrádico da cor coral
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#e4717a
#b3e471
#71e4db
#a171e4
Esquema complementar dividido da cor coral
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#e4717a
#d6e471
#71a8e4
Tons da cor coral
Os tons são obtidos a partir da cor base coral até chegar ao branco, encontrando tons intermediários de cores pastel.
#e4717a
#e98d95
#efaaaf
#f4c6ca
#fae3e4
#ffffff
Sombras da cor coral
Essas sombras são obtidas a partir da cor base coral até chegar ao preto
#e4717a
#b65a62
#894449
#5b2d31
#2e1718
#000000
Verificar o contraste da cor coral.
Agora você pode validar a relação de contraste da cor coral, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 3.03
Teste de relação de contraste da cor coral como fundo
Alterar a cor de fundo
Relação de contraste: 5.16
Teste de relação de contraste da cor coral como texto.
Como implementar a cor coral em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor coral 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 coral 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:#e4717a;"> Cor coral como fundo de uma div.</div>
/* Cor coral como fundo da tag body com CSS. */body {background: #e4717a;}
Para definir a cor do texto coral 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:#e4717a;"> Cor coral como a cor do texto.</p>
p {color:#e4717a ;}