Códigos HTML de cores para celeste - hexadecimal + RGB.
Descubra todos os códigos HTML da cor celeste - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor celeste.
#0cb7f2
Cor complementar do celeste:
A cor complementar de uma cor é o oposto dela no círculo cromático
#f2470c
Esquema monocromático da cor celeste
#005285
#046da3
#088ac2
#0ba8e2
#41c1f4
#72d5f8
#96eafc
#b6ffff
Este esquema é baseado na cor celeste e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor celeste
| formato | código |
|---|---|
| hex | #0cb7f2 |
| rgb | rgb(12,183,242) |
| hsl | hsl(196,91%,50%) |
| cmyk | cmyk(96, 25, 0, 6) |
| hsv | hsv(196, 96%, 95%) |
Qual é a cor celeste no formato RGB?
A cor celeste no formato RGB é composta por (12 no canal vermelho), (183 no canal verde) e (242 no canal azul).
Qual é a cor celeste no formato CMYK?
Ela é composta por (96%) de ciano, (25%) de magenta, (0%) de amarelo e (6%) de preto / chave.
Qual é a composição da cor celeste no formato HSL?
Ela é composta por (196°) de matiz, (91%) de saturação e (50%) de luminosidade.
Qual é a cor celeste no formato HSV?
A cor celeste no formato HSV é composta por (196°) de matiz, (96%) de saturação e (95%) de valor.
Esquema análogo da cor celeste
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#0bb6f4
#0b42f4
#0bf4bd
Esquema triádico da cor celeste
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#0cb7f2
#f20cb7
#b7f20c
Esquema tetrádico da cor celeste
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#0cb7f2
#ba0cf2
#f2470c
#44f20c
Esquema complementar dividido da cor celeste
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#0cb7f2
#750cf2
#f2d10c
Tons da cor celeste
Os tons são obtidos a partir da cor base celeste até chegar ao branco, encontrando tons intermediários de cores pastel.
#0cb7f2
#3dc5f5
#6dd4f7
#9ee2fa
#cef1fc
#ffffff
Sombras da cor celeste
Essas sombras são obtidas a partir da cor base celeste até chegar ao preto
#0cb7f2
#0a92c2
#076e91
#054961
#022530
#000000
Verificar o contraste da cor celeste.
Agora você pode validar a relação de contraste da cor celeste, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 2.32
Teste de relação de contraste da cor celeste como fundo
Alterar a cor de fundo
Relação de contraste: 6.75
Teste de relação de contraste da cor celeste como texto.
Como implementar a cor azul céu em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor azul céu 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 azul céu 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:#0cb7f2;"> Cor azul céu como fundo de uma div.</div>
/* Cor azul céu como fundo da tag body com CSS. */body {background: #0cb7f2;}
Para definir a cor do texto azul céu 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:#0cb7f2;"> Cor azul céu como a cor do texto.</p>
p {color:#0cb7f2 ;}