The HSB Color System: A Practitioner's Primer – Learn UI Design
learnui.design · 1,982 words · saved by 2 readers
Hue, saturation, and brightness, explained · Color variations with hue · Adjusting visibility with saturation · Black vs. white · HSL vs HSB
The HSB Color System: A Practitioner's Primer Erik D. Kennedy · Updated Jun 19, 2024 Search Google for “HSB”. There are 2.5 million results, and none of them seem to be written by anyone who’s actually used the system. What gives? On the bright side, now I have something to do while finishing this beer 🍻 We’re going to cover what H, S, and B are, and then I’m going to tell you about why this is the single-best color system in wide usage (plus some intricacies of using it in day-to-day digital design). If you’re already familiar with what H, S, and B are, you can skip to the 201 material on do
saved by
related reading
- Visual design rules you can safely follow every timeanthonyhobday.com
- Color: From Hexcodes to Eyeballsjamie-wong.com
- oklch.fyi ▸ OKLCH Color Picker, Generator and Converteroklch.fyi
- Color Spaces – Bartosz Ciechanowskiciechanow.ski
- How to generate color palettes for design systems || Matt Ström-Awn, designer-leadermatthewstrom.com
- Working With Colors Guide | CSS-Trickscss-tricks.com
- colors - CSS variable calculation of HSL values - Stack Overflowstackoverflow.com
- My struggle with colors. Demystifying colors for accessible… | by Zain Adeel | UX Collectiveuxdesign.cc
- Color / Design / Zendesk Gardengarden.zendesk.com
- Mediumblog.prototypr.io
- My struggle with colors, part II. Building an accessible color system… | by Zain Adeel | UX Collectiveuxdesign.cc
- OKLCH in CSS: why we moved from RGB and HSL—Martian Chronicles, Evil Martians’ team blogevilmartians.com