Color Hues
Explore all hues around the 360° color wheel
The 360° Hue Spectrum
Hue is the pure color attribute — it's the angle on the color wheel measured in degrees from 0° to 360°. Red starts at 0°, green is at 120°, blue at 240°, and it wraps back to red at 360°. Drag the slider below to explore every hue.
Tints (Adding White)
Tints are created by increasing the lightness of a color — mixing it with white. In HSL, this means increasing the L value while keeping H and S constant.
Shades (Adding Black)
Shades are created by decreasing the lightness — mixing the color with black. In HSL, this means decreasing the L value.
Saturation Variants
Saturation controls the intensity or purity of the color. At 0% saturation, the color becomes a neutral grey. At 100%, it's the purest, most vivid version of that hue.
← Desaturated (grey) — Fully saturated →
Named Hue Reference
Click a row to jump to that hue:
| Color | Name | Hue | Hex |
|---|---|---|---|
| Red | 0° | #ff0000 | |
| Vermilion | 15° | #ff4000 | |
| Orange | 30° | #ff8000 | |
| Amber | 45° | #ffbf00 | |
| Yellow | 60° | #ffff00 | |
| Lime | 75° | #bfff00 | |
| Chartreuse | 90° | #80ff00 | |
| Harlequin | 105° | #40ff00 | |
| Green | 120° | #00ff00 | |
| Emerald | 150° | #00ff80 | |
| Spring Green | 160° | #00ffaa | |
| Cyan | 180° | #00ffff | |
| Cerulean | 195° | #00bfff | |
| Azure | 210° | #007fff | |
| Cobalt | 225° | #0040ff | |
| Blue | 240° | #0000ff | |
| Indigo | 260° | #5500ff | |
| Violet | 270° | #7f00ff | |
| Purple | 285° | #bf00ff | |
| Magenta | 300° | #ff00ff | |
| Pink | 330° | #ff0080 | |
| Crimson | 348° | #ff0033 |
hslToHex(hue, saturation, lightness).