Cores HWB


HWB (Hue, Whiteness, Blackness) é um padrão sugerido para CSS4.


Calculadora HWB


 
rgb(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)


H:
C:
B:
"; } x += ""; x += ""; n = 0; for (i = 0; i "; } x += ""; x += ""; document.getElementById("huetable"). innerHTML = x; } function drawWhiteTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; for ( i = 0; i "; } x += "
" + i + "
"; document.getElementById("whitetable").innerHTML = x; } function drawBlackTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; para (i = 0; i "; } x += "
" + i + "
"; document.getElementById("blacktable").innerHTML = x; } drawWhiteTable(0); drawHueTable(0); drawBlackTable(0);

Suporte HTML

HWB não é suportado em HTML (ainda), mas é sugerido como um novo padrão em CSS4.

Enquanto espera pelo CSS4, você pode incluir a biblioteca de cores do W3Schools e usar o HWB como um atributo HTML como este:

Exemplo

<div data-w3-color="hwb(60, 50%, 0)">

<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>

</div>

<script src="/lib/w3color.js"></script>

Biblioteca de cores do W3Schools

A biblioteca JavaScript usada no exemplo acima pode ser baixada em

https://www.w3schools.com/lib/w3color.js


❮ Anterior Próximo ❯