Unadjusted source
1200 × 800 px · PNG
Project-created synthetic fixture used without global corrections, cropping, or resizing.
Download sourceReproducible first-party experiment
See what HSL actually changes
The same image was opened three times in the editor. Each export changed one HSL range while every global adjustment remained at zero.
Observed comparisons
The project-owned source is 1200×800 px. Percentages show how many pixels changed in at least one RGB channel; they are not quality percentages.
Blue range
Higher saturation and lower luminance intensified much of the cool gradient and also affected nearby colors.
- Settings
- H 0 · S +45 · L -15
- Changed RGB pixels
- 98.49%
- Mean RGB difference
- 37.809 / 255
Purple range
The hue shift and saturation changed both the violet sky and mountains, showing that different areas in one range respond together.
- Settings
- H +35 · S +30 · L 0
- Changed RGB pixels
- 63.533%
- Mean RGB difference
- 11.796 / 255
Yellow range
The change remained mostly around the sun. Few pixels in this image belong to the yellow range.
- Settings
- H -25 · S +35 · L +15
- Changed RGB pixels
- 1.51%
- Mean RGB difference
- 0.287 / 255
Hue
Shifts the color of pixels reached by the range; it does not select an object.
Saturation
Increases or reduces color intensity within that range.
Luminance
Lightens or darkens pixels influenced by the range.
Method and limitations
npm run dev -- --port 3218
npm run guide:hsl