Códigos HTML de cores para creme - hexadecimal + RGB.
Descubra todos os códigos HTML da cor creme - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor creme.
#fff0c9
Cor complementar do creme:
A cor complementar de uma cor é o oposto dela no círculo cromático
#c9d8ff
Esquema monocromático da cor creme
#908461
#afa27d
#cec09b
#eee0b9
#fff2d1
#fff6e0
#fffbef
#ffffff
Este esquema é baseado na cor creme e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor creme
| formato | código |
|---|---|
| hex | #fff0c9 |
| rgb | rgb(255,240,201) |
| hsl | hsl(44,100%,90%) |
| cmyk | cmyk(0, 6, 22, 0) |
| hsv | hsv(44, 22%, 100%) |
Qual é a cor creme no formato RGB?
A cor creme no formato RGB é composta por (255 no canal vermelho), (240 no canal verde) e (201 no canal azul).
Qual é a cor creme no formato CMYK?
Ela é composta por (0%) de ciano, (6%) de magenta, (22%) de amarelo e (0%) de preto / chave.
Qual é a composição da cor creme no formato HSL?
Ela é composta por (44°) de matiz, (100%) de saturação e (90%) de luminosidade.
Qual é a cor creme no formato HSV?
A cor creme no formato HSV é composta por (44°) de matiz, (22%) de saturação e (100%) de valor.
Esquema análogo da cor creme
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#fff1cc
#f3ffcc
#ffd8cc
Esquema triádico da cor creme
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#fff0c9
#c9fff0
#f0c9ff
Esquema tetrádico da cor creme
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#fff0c9
#c9ffd5
#c9d8ff
#ffc9f3
Esquema complementar dividido da cor creme
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#fff0c9
#cdffc9
#dac9ff
Tons da cor creme
Os tons são obtidos a partir da cor base creme até chegar ao branco, encontrando tons intermediários de cores pastel.
#fff0c9
#fff3d4
#fff6df
#fff9e9
#fffcf4
#ffffff
Sombras da cor creme
Essas sombras são obtidas a partir da cor base creme até chegar ao preto
#fff0c9
#ccc0a1
#999079
#666050
#333028
#000000
Verificar o contraste da cor creme.
Agora você pode validar a relação de contraste da cor creme, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 1.13
Teste de relação de contraste da cor creme como fundo
Alterar a cor de fundo
Relação de contraste: 13.80
Teste de relação de contraste da cor creme como texto.
Como implementar a cor creme em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor creme 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 creme 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:#fff0c9;"> Cor creme como fundo de uma div.</div>
/* Cor creme como fundo da tag body com CSS. */body {background: #fff0c9;}
Para definir a cor do texto creme 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:#fff0c9;"> Cor creme como a cor do texto.</p>
p {color:#fff0c9 ;}