Códigos HTML de cores para kiwi - hexadecimal + RGB.
Descubra todos os códigos HTML da cor kiwi - hexadecimal, RGB, HSL, HSV e CMYK, além de diferentes combinações, esquemas, temperaturas, tons e tipos de cor kiwi.
#ABBA3B
Cor complementar do kiwi:
A cor complementar de uma cor é o oposto dela no círculo cromático
#4a3bba
Esquema monocromático da cor kiwi
#405400
#5d7010
#7b8d22
#9bab32
#b7c44c
#cfd76d
#e7eb8c
#ffffac
Este esquema é baseado na cor kiwi e é composto por diferentes matizes, tons e sombras, tanto escuras quanto claras.
Códigos HTML e CSS para a cor kiwi
| formato | código |
|---|---|
| hex | #abba3b |
| rgb | rgb(171,186,59) |
| hsl | hsl(68,52%,49%) |
| cmyk | cmyk(9, 0, 69, 28) |
| hsv | hsv(68, 69%, 73%) |
Qual é a cor kiwi no formato RGB?
A cor kiwi no formato RGB é composta por (171 no canal vermelho), (186 no canal verde) e (59 no canal azul).
Qual é a cor kiwi no formato CMYK?
Ela é composta por (9%) de ciano, (0%) de magenta, (69%) de amarelo e (28%) de preto / chave.
Qual é a composição da cor kiwi no formato HSL?
Ela é composta por (68°) de matiz, (52%) de saturação e (49%) de luminosidade.
Qual é a cor kiwi no formato HSV?
A cor kiwi no formato HSV é composta por (68°) de matiz, (69%) de saturação e (73%) de valor.
Esquema análogo da cor kiwi
As cores análogas são obtidas a partir das duas cores mais próximas dentro do círculo cromático.
#adbe3c
#6cbe3c
#be8e3c
Esquema triádico da cor kiwi
O esquema tríadico é obtido a partir de 3 cores igualmente espaçadas entre si dentro do círculo cromático.
#abba3b
#3babba
#ba3bab
Esquema tetrádico da cor kiwi
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando um arranjo retangular.
#abba3b
#3bba89
#4a3bba
#ba3b6b
Esquema complementar dividido da cor kiwi
Este esquema de cores é obtido usando dois pares de cores opostas no círculo cromático, formando uma disposição retangular.
#abba3b
#3bba63
#963bba
Tons da cor kiwi
Os tons são obtidos a partir da cor base kiwi até chegar ao branco, encontrando tons intermediários de cores pastel.
#abba3b
#bcc862
#cdd689
#dde3b1
#eef1d8
#ffffff
Sombras da cor kiwi
Essas sombras são obtidas a partir da cor base kiwi até chegar ao preto
#abba3b
#89952f
#677023
#444a18
#22250c
#000000
Verificar o contraste da cor kiwi.
Agora você pode validar a relação de contraste da cor kiwi, seja usando-a como cor de fundo ou como cor de texto.
Alterar a cor do texto.
Relação de contraste: 2.14
Teste de relação de contraste da cor kiwi como fundo
Alterar a cor de fundo
Relação de contraste: 7.30
Teste de relação de contraste da cor kiwi como texto.
Como implementar a cor kiwi em HTML e CSS.
Aqui estão exemplos de códigos para usar a cor kiwi 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 kiwi 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:#ABBA3B;"> Cor kiwi como fundo de uma div.</div>
/* Cor kiwi como fundo da tag body com CSS. */body {background: #ABBA3B;}
Para definir a cor do texto kiwi 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:#ABBA3B;"> Cor kiwi como a cor do texto.</p>
p {color:#ABBA3B ;}