

For now, just know that to find the hue, think of whatever color it’s closest to on the color wheel. Now this ignores how dark or bright or rich or pale the color is. Remember the color wheel? Hue is just where you are on the color wheel. It’s measured in degrees, like degrees of a circle (because whoa, spoiler, circles also have 360°). Why is it so great? Because it uses ideas that we already naturally think of when describing color, like… OK, you know what? I’ll just show you. HSB stands for hue-saturation-brightness, and is a far more human-friendly way of describing color. While this sounds like something someone made up while they were high, it’s actually straightforward and solid enough that it’s the default way computers talk about color.īut just because it’s easy for computers doesn’t mean it’s easy for humans. If you’ve ever coded HTML and CSS, you’re probably familiar with RGB, in which a particular color is represented by three numbers: (1) how red it is (R), (2) how green it is (G), and (3) how blue it is (B). Now, just what those 3 numbers are differs quite a bit. If you think color is a mysterious woo-woo rainbow of ethereal magic, you’ll be disheartened to find out that every computer on the face of the planet represents every possible color it can output with just 3 numbers. The inside of your computer is all 1s and 0s, which means that, to your computer, color is just bits.

If you’re already familiar with what H, S, and B are, you can skip to the 201 material on down the page. 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). On the bright side, now I have something to do while finishing this beer. There are 2.5 million results, and none of them seem to be written by anyone who’s actually used the system.

