Tutorials References Menu

Colors HWB


HWB (Hue, Whiteness, Blackness) is a suggested standard for CSS4.


HWB Calculator


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


H:
W:
B:

HTML Support

HWB is not supported in HTML (yet), but it is suggested as a new standard in CSS4.

While waiting for CSS4, you can include W3Schools' Color library, and use HWB as an HTML attribute like this:

Example

<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>
Try It Yourself »

W3Schools Color Library

The JavaScript library used in the example above can be downloaded from

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