Códigos HTML de cores para pêssego - hexadecimal + RGB.
Descubra todos os códigos HTML da cor pêssego - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor pêssego.
#ffe5b4
Cor complementar do pêssego:
A cor complementar de uma cor é o oposto dela no círculo cromático
#b4ceff
Esquema monocromático da cor pêssego
#8f7a4e
#ae976a
#ceb687
#eed5a5
#ffe9bf
#fff0d4
#fff7e9
#ffffff
Este esquema é baseado na cor pêssego e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor pêssego
| formato | código |
|---|---|
| hex | #ffe5b4 |
| rgb | rgb(255,229,180) |
| hsl | hsl(40,100%,86%) |
| cmyk | cmyk(0, 11, 30, 0) |
| hsv | hsv(40, 30%, 100%) |
Qual é a cor pêssego no formato RGB?
A cor pêssego no formato RGB é composta por (255 no canal vermelho), (229 no canal verde) e (180 no canal azul).
Qual é a cor pêssego no formato CMYK?
Ela é composta por (0%) de ciano, (11%) de magenta, (30%) de amarelo e (0%) de preto / chave.
Qual é a composição da cor pêssego no formato HSL?
Ela é composta por (40°) de matiz, (100%) de saturação e (86%) de luminosidade.
Qual é a cor pêssego no formato HSV?
A cor pêssego no formato HSV é composta por (40°) de matiz, (30%) de saturação e (100%) de valor.
Esquema análogo da cor pêssego
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#ffe7b8
#f3ffb8
#ffc4b8
Esquema triádico da cor pêssego
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#ffe5b4
#b4ffe5
#e5b4ff
Esquema tetrádico da cor pêssego
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#ffe5b4
#b4ffbf
#b4ceff
#ffb4f3
Esquema complementar dividido da cor pêssego
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#ffe5b4
#bfffb4
#c7b4ff
Tons da cor pêssego
Os tons são obtidos a partir da cor base pêssego até chegar ao branco, encontrando tons intermediários de cores pastel.
#ffe5b4
#ffeac3
#ffefd2
#fff5e1
#fffaf0
#ffffff
Sombras da cor pêssego
Essas sombras são obtidas a partir da cor base pêssego até chegar ao preto
#ffe5b4
#ccb790
#99896c
#665c48
#332e24
#000000
Verificar o contraste da cor pêssego.
Agora você pode validar a relação de contraste da cor pêssego, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 1.23
Teste de relação de contraste da cor pêssego como fundo
Alterar a cor de fundo
Relação de contraste: 12.73
Teste de relação de contraste da cor pêssego como texto.
Como implementar a cor pêssego em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor pêssego 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 pêssego 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:#ffe5b4;"> Cor pêssego como fundo de uma div.</div>
/* Cor pêssego como fundo da tag body com CSS. */body {background: #ffe5b4;}
Para definir a cor do texto pêssego 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:#ffe5b4;"> Cor pêssego como a cor do texto.</p>
p {color:#ffe5b4 ;}