Tools / Color Converter / HEX → HSV

HEX to HSV Converter.

HEX to HSV (also called HSB, for hue-saturation-brightness) is the model behind most color pickers: the square selects saturation and value, the slider picks hue. Converting from hex lets you drop any brand color straight onto that picker's coordinates.

HSV —
All formats

    The HEX → HSV formula

    Hex → RGB → normalize. V = max. S = 0 if V==0 else (max−min)/max. Hue is the same 0-360° angle as in HSL.

    Worked example

    Convert #9A2A2A:

    1. Hex → rgb(154, 42, 42)
    2. Normalize → max = 0.604 (red), min = 0.165
    3. Value = 60%, Saturation = (0.604−0.165)/0.604 = 73%
    4. Red is max → Hue ≈ 0°
    5. Result: hsv(0, 73%, 60%)

    Python

    import colorsys
    r,g,b = (0x9A/255, 0x2A/255, 0x2A/255)
    h,s,v = colorsys.rgb_to_hsv(r,g,b)
    print(round(h*360), round(s*100), round(v*100)) # 0 73 60

    FAQ

    HSV vs HSL — what's the difference?

    HSV's 'value' is the max channel (full value = pure or pure+white mix), while HSL's 'lightness' centers on grey. HSV matches how a color-picker square feels; HSL matches how 'tint vs shade' reads in CSS.

    Is HSB the same as HSV?

    Yes — HSB (brightness) and HSV (value) are two names for the identical model. Photoshop says HSB; most code libraries say HSV.

    Paid links below. As an Amazon Associate we earn from qualifying purchases.

    Library

    Colour references for your next project

    Compare the original references behind this archive. Check the contents, edition and format before choosing a book.

    Book links are Amazon Associates affiliate links. Your price is unchanged; a small commission supports the archive. As an Amazon Associate we earn from qualifying purchases.

    Torn between the two Wada dictionaries? Vol 1 vs Vol 2, compared plate by plate →

    Book links are Amazon Associates affiliate links. Your price is unchanged; a small commission supports the archive. As an Amazon Associate we earn from qualifying purchases.

    Looking for a combination we don’t have yet?

    Tell us the colour, mood, or palette you were after — it shapes which editorial combinations we add next.