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).How to Use Color Hues?
- 1Choose a base color using the interactive picker or enter HEX, RGB, HSL values.
- 2Generate matching color palettes, schemes, or color space transformations instantly.
- 3Click on any color code block in the results to copy it instantly to your clipboard.
Designer Friendly
Easily match colors, check contrast ratios, and generate custom palettes for your designs.
Multi-Format Support
Supports copy-paste in HEX, RGB, RGBA, HSL, HSLA, and CSS variables formats.
Runs Locally
No internet connection required. Our color engines run instantly and cleanly inside your web browser.