---
title: "The HSB Color System: A Practitioner's Primer"
description: "Article explaining why HSB beats hex for reasoning about UI colour, with rules for building consistent palettes."
canonical: "https://vibing.inc/library/the-hsb-color-system-a-practitioner-s-primer-vg-1215"
category: "Learning & Craft"
subcategory: "Color theory"
license: "free"
author: "Erik Kennedy (@erikdkennedy)"
source: "https://learnui.design/blog/the-hsb-color-system-practicioners-primer.html"
---

# The HSB Color System: A Practitioner's Primer
Article explaining why HSB beats hex for reasoning about UI colour, with rules for building consistent palettes.
## Facts
- Source: https://learnui.design/blog/the-hsb-color-system-practicioners-primer.html
- Category: Learning & Craft / Color theory
- Author: Erik Kennedy (@erikdkennedy)
- Licence: free
- Tags: color, hsb, ui, theory
## Why it's a gem
Turns colour picking from taste into arithmetic you can teach a junior
---
Listed in The Vibeary: https://vibing.inc/library/the-hsb-color-system-a-practitioner-s-primer-vg-1215 · JSON: https://vibing.inc/api/public/library/gems/the-hsb-color-system-a-practitioner-s-primer-vg-1215