Hue Tune

Hue Rotation / Tune

Rotate hue, add saturation or lift lightness, compare with the original and quantify the difference.

Original

Hue ±° 0

Saturation ± 0

Lightness ± 0

vs original

Original

Copy result

ΔE

Rotating hue at fixed lightness yields a same-family series — handy for derived palettes.

Under CIEDE2000, ΔE<1 is barely visible, ≈5 clearly visible, >10 totally different.

Split any color evenly by lightness into a light-to-dark ramp; export CSS variables.

Enter a base color and get a full 50–950 shade scale for design systems.

Fine-tune with sliders and read every format plus full scales.

📘

Hue tune rotates the hue and nudges saturation/lightness against the original, quantifying the shift as a ΔE difference.

Pick a base, rotate the hue and watch the same-family variations live.
The tool reports the CIEDE2000 difference (ΔE) from the original so you can control the change.
Copy a new color you like or send it to Color Scale to build steps.

💡

Small hue rotation (±15°) gives a same-family variant — good for derived palettes.
Below ΔE 1 the eye can't really tell; push the difference to be visible.
Lightening also lowers perceived saturation; nudge lightness together to keep it.