THE BEST WEB DEVELOPER SITE

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 LearningSlack' 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/ls-color.js"></script>
Try It Yourself »

LearningSlack Color Library

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

https://www.learningslack.com/lib/ls-color.js