Códigos HTML de cores para rosa - hexadecimal + RGB.
Descubra todos os códigos HTML da cor rosa - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor rosa.
#ffc0cb
Cor complementar do rosa:
A cor complementar de uma cor é o oposto dela no círculo cromático
#c0fff4
Esquema monocromático da cor rosa
#8f5863
#ae747f
#ce929d
#eeb0bb
#ffc9d2
#ffdbe1
#ffedf0
#ffffff
Este esquema é baseado na cor rosa e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor rosa
| formato | código |
|---|---|
| hex | #ffc0cb |
| rgb | rgb(255,192,203) |
| hsl | hsl(350,100%,88%) |
| cmyk | cmyk(0, 25, 21, 0) |
| hsv | hsv(350, 25%, 100%) |
Qual é a cor rosa no formato RGB?
A cor rosa no formato RGB é composta por (255 no canal vermelho), (192 no canal verde) e (203 no canal azul).
Qual é a cor rosa no formato CMYK?
Ela é composta por (0%) de ciano, (25%) de magenta, (21%) de amarelo e (0%) de preto / chave.
Qual é a composição da cor rosa no formato HSL?
Ela é composta por (350°) de matiz, (100%) de saturação e (88%) de luminosidade.
Qual é a cor rosa no formato HSV?
A cor rosa no formato HSV é composta por (350°) de matiz, (25%) de saturação e (100%) de valor.
Esquema análogo da cor rosa
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#ffc2cc
#ffd6c2
#ffc2eb
Esquema triádico da cor rosa
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#ffc0cb
#cbffc0
#c0cbff
Esquema tetrádico da cor rosa
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#ffc0cb
#eaffc0
#c0fff4
#d4c0ff
Esquema complementar dividido da cor rosa
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#ffc0cb
#fdffc0
#c0e4ff
Tons da cor rosa
Os tons são obtidos a partir da cor base rosa até chegar ao branco, encontrando tons intermediários de cores pastel.
#ffc0cb
#ffcdd5
#ffd9e0
#ffe6ea
#fff2f5
#ffffff
Sombras da cor rosa
Essas sombras são obtidas a partir da cor base rosa até chegar ao preto
#ffc0cb
#cc9aa2
#99737a
#664d51
#332629
#000000
Verificar o contraste da cor rosa.
Agora você pode validar a relação de contraste da cor rosa, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 1.54
Teste de relação de contraste da cor rosa como fundo
Alterar a cor de fundo
Relação de contraste: 10.15
Teste de relação de contraste da cor rosa como texto.
Como implementar a cor rosa em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor rosa 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 rosa 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:#ffc0cb;"> Cor rosa como fundo de uma div.</div>
/* Cor rosa como fundo da tag body com CSS. */body {background: #ffc0cb;}
Para definir a cor do texto rosa 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:#ffc0cb;"> Cor rosa como a cor do texto.</p>
p {color:#ffc0cb ;}