Tutorials References Exercises Bootcamp Menu
Sign Up Create Website Get Certified Pro

Colors HWB

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

HWB Calculator

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


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:


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


<script src="/lib/w3color.js"></script>
Try It Yourself »

W3Schools Color Library

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