Couleurs HWB


HWB (Hue, Whiteness, Blackness) est une norme suggérée pour CSS4.


Calculateur HWB


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


H :
W :
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 ( je = 0; je "; } x += "
" + i + "
"; document.getElementById("whitetable").innerHTML = x; } function drawBlackTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; pour (i = 0; je "; } x += "
" + i + "
"; document.getElementById("blacktable").innerHTML = x; } drawWhiteTable(0); drawHueTable(0); drawBlackTable(0);

Prise en charge HTML

HWB n'est pas (encore) pris en charge en HTML, mais il est suggéré comme nouveau standard dans CSS4.

En attendant CSS4, vous pouvez inclure la bibliothèque de couleurs de W3Schools et utiliser HWB comme attribut HTML comme ceci :

Exemple

<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>

Bibliothèque de couleurs W3Schools

La bibliothèque JavaScript utilisée dans l'exemple ci-dessus peut être téléchargée à partir de

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


❮ Précédent Suivant ❯