.png "jes00s colorset")
#JES00S COLORSET FULL#
100% means the light is on full strength. 0% means the lightbulb is off (pitch black in the room). Otherwise, 100% brightness is just a… very bright color. 100% brightness is white only if saturation is also 0%.0% brightness is black, no matter the hue, no matter the saturation.This one is fairly obvious as to what it means, but there’s a quick catch. Like saturation, it’s sometimes written as a percentage. Brightness = Brightness, Duh.īrightness is a number between 0 and 100. So 0% is a flat gray, but 100% is the most colorful color your monitor can make. I sometimes think about it as the amount of color injected into the gray. if the color is light, it’ll be a light gray if the color is dark, it’ll be a dark gray). So, no matter what hue you’ve picked, a saturation of 100% will be the richest possible version of that color and a saturation of 0% will be the gray version of that color (i.e.
Saturation is a number between 0 and 100. So when I’m thinking of what color to add in, I can quickly just type a number that will get me pretty close to the right hue, just by thinking about where those three points are. Red is also 360°, which is the exact same as 0°.I use red, green, and blue, since they’re equidistant around the circle: If you want to develop an intuitive understand of HSB, you should have a couple anchor points in mind. (“But what about black? White? Gray?” – pump the brakes, champ. 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.
0 kommentar(er)
