hwb() – a color notation for humans?

On the web we can define colors in several Color Spaces. By default we’ve always been using sRGB, but hsl() also has its fair share (and proper support). With new color spaces such as LAB, LCH, P3, etc. on the way, we’re gaining a lot of options to define colors — and color palettes — …


This content originally appeared on Bram.us and was authored by Bramus!

On the web we can define colors in several Color Spaces. By default we’ve always been using sRGB, but hsl() also has its fair share (and proper support). With new color spaces such as LAB, LCH, P3, etc. on the way, we’re gaining a lot of options to define colors — and color palettes — on the web. One color space I hadn’t heard of is HWB.

Stefan Judis spills the details:

hwb stands for hue (a color angle), whiteness (a percentage) and blackness (a percentage)hwb(10deg 10% 10%). Pick a color and adjust its lightness by adding Black or White.

The entire concept and possible colors can be visualised in a triangle spanned by Black, White and the color of choice.

Stefan provides a handy interactive tool to understand this “easy color notation” and answer questions such as “What happens if you add both black and white?”.

hwb() – a color notation for humans? →


This content originally appeared on Bram.us and was authored by Bramus!


Print Share Comment Cite Upload Translate Updates
APA

Bramus! | Sciencx (2021-12-30T11:40:18+00:00) hwb() – a color notation for humans?. Retrieved from https://www.scien.cx/2021/12/30/hwb-a-color-notation-for-humans/

MLA
" » hwb() – a color notation for humans?." Bramus! | Sciencx - Thursday December 30, 2021, https://www.scien.cx/2021/12/30/hwb-a-color-notation-for-humans/
HARVARD
Bramus! | Sciencx Thursday December 30, 2021 » hwb() – a color notation for humans?., viewed ,<https://www.scien.cx/2021/12/30/hwb-a-color-notation-for-humans/>
VANCOUVER
Bramus! | Sciencx - » hwb() – a color notation for humans?. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/12/30/hwb-a-color-notation-for-humans/
CHICAGO
" » hwb() – a color notation for humans?." Bramus! | Sciencx - Accessed . https://www.scien.cx/2021/12/30/hwb-a-color-notation-for-humans/
IEEE
" » hwb() – a color notation for humans?." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/12/30/hwb-a-color-notation-for-humans/. [Accessed: ]
rf:citation
» hwb() – a color notation for humans? | Bramus! | Sciencx | https://www.scien.cx/2021/12/30/hwb-a-color-notation-for-humans/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.