Kolory HWB


HWB (Hue, Whiteness, Blackness) to sugerowany standard CSS4.


Kalkulator HWB


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

Obsługa HTML

HWB nie jest obsługiwany w HTML (jeszcze), ale jest sugerowany jako nowy standard w CSS4.

Czekając na CSS4, możesz dołączyć bibliotekę kolorów W3Schools i użyć HWB jako atrybutu HTML w następujący sposób:

Przykład

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

Biblioteka kolorów W3Schools

Bibliotekę JavaScript użytą w powyższym przykładzie można pobrać ze strony

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


❮ Poprzedni Następny ❯