pngtoolskit.org
PNG and image utilities, in the browser
Say hi →

Split a PNG into HSI Channels

Hue · Saturation · Intensity · grayscale per channel · ZIP

Convert an image into its HSI components — Hue, Saturation, and Intensity — each as a grayscale PNG. HSI is common in computer vision, where Intensity (the average of the RGB values) separates cleanly from colour. Drop a file and download the channels as a ZIP, processed in your browser.

Drop images here

Multiple files allowed · one ZIP per image

    no files
    Ready.

    What each channel is

    How HSI differs from HSV / HSL

    All three share Hue, but their brightness channel differs: HSI uses the mean of the three channels (Intensity), HSV uses the maximum (Value), and HSL uses the midpoint of max and min (Lightness). HSI's even average is favoured in image-processing algorithms because it decouples brightness from colour cleanly.

    FAQ

    When would I use HSI over HSV?

    HSI is common in classic computer-vision pipelines (segmentation, edge work) where a uniform intensity average behaves better than HSV's max-based Value. For picking colours by eye, HSV is usually friendlier.

    Is Intensity the same as grayscale?

    It's a flat average of R, G, B — close, but not perceptually weighted. For a true-looking black-and-white, use Grayscale.