Either using an online tool, or in Photoshop, is there a way to separate an image into pure Hue Saturation and Value layers?

For example, I can get just the values by desaturating an image completely. Is there a process that does the same but for hue and saturation?


Hue: Set the image layer's Blend Mode to Hue, add a layer below it filled with pure red (#ff0000, or any other fully saturated colour).

Saturation: Set the image layer's Blend Mode to Saturation, add a layer below it filled with pure red, view the Red channel.

Value: Image / Adjustments / Desaturate.

(This is just for visualisation - proper converters usually adjust for the subjective appearance of the brightness of different hues.)


There is a plug-in from Adobe called HSBHSL that converts between RGB color channels and HSL channels. Use the filter, reset the appropriate color channels, then convert back to RGB.

Download it here and, after installation, you can find it in the filter category called Other.

  • Is there not a Mac version? – InkGolem Aug 21 '18 at 17:19
  • 1
    I found one. Is there a way to actually get the hue channel to show up as colors? i.e. It maps red to grey and blue to a black. Is there a way to remap those back to colors? I'm trying to visualize the hue and values independently in an image. – InkGolem Aug 21 '18 at 17:31
  • Have you tried cranking up saturation to max on your original layer? That should give you the hues if I'm not mistaken? – filip Aug 21 '18 at 17:39
  • That's actually really close, but the problem is that it doesn't eliminate value from the formula. – InkGolem Aug 21 '18 at 17:44
  • 1
    Filling them with black, white or perhaps gray. Unfortunately I'm on my phone and can't double check these things. – filip Aug 21 '18 at 18:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.