Hue, Saturation, and Brightness (HSB) are three fundamental properties that define a color. Think of them as the three dials you can adjust to create any color you can imagine. Here's a breakdown of each:
1. Hue:
- What it is: Hue is the actual color itself. It's what we typically refer to as "red," "blue," "green," "yellow," etc.
- How it works: Hue is measured in degrees on a color wheel (from 0 to 360). Each degree corresponds to a different color. For example, 0 degrees is red, 120 degrees is green, and 240 degrees is blue.
- Think of it as: The specific shade of color.
2. Saturation:
- What it is: Saturation is the intensity or purity of the color. It determines how vibrant or dull the color appears.
- How it works: Saturation is measured as a percentage, from 0% to 100%. 0% saturation means the color is completely desaturated (gray), while 100% saturation means the color is pure and vivid.
- Think of it as: How much of the color is present. A highly saturated color is intense and vibrant, while a desaturated color is muted and closer to gray.
3. Brightness:
- What it is: Brightness (also sometimes called Value or Lightness) refers to how light or dark the color is.
- How it works: Brightness is measured as a percentage, from 0% to 100%. 0% brightness is black, while 100% brightness is white. A color with 50% brightness is a mid-tone.
- Think of it as: How much light is in the color. A bright color appears closer to white, while a dark color appears closer to black.
In simple terms :
- Hue: What color is it? (red, blue, green)
- Saturation: How intense is the color? (vibrant or dull)
- Brightness: How light or dark is the color? (light or dark)
