HEX to HSB

Convert HEX colors to HSB / HSV values.

Presets:

HEX Input

HSB / HSV Output

hsb(183, 100%, 100%)

Hue

183°

Saturation

100%

Brightness

100%

Hue: 183°Saturation: 100%Brightness: 100%RGB: 0, 242, 254HEX: #00F2FE

Understanding HSB / HSV

HSB (Hue, Saturation, Brightness) — also called HSV (Value) — is the color model used by most design-tool color pickers. Hue is the angle on the color wheel (0–360°), saturation is color intensity (0–100%), and brightness is how light it is (0–100%). It's more intuitive for choosing colors than raw RGB. This tool converts HEX to HSB locally in your browser.

Built and maintained by Meet Shah · Last updated 18 July 2026

What this tool is used for

Converting a hex token into the model a graphics application uses.
Getting HSB values to hand to a designer working in an image editor.
Understanding a colour's hue and brightness from its hex.
Comparing two hex colours by brightness.
Producing HSB from an existing palette for a design handoff.

Frequently Asked Questions

Are HSB and HSV the same thing?: Yes, exactly — B for Brightness and V for Value are two names for the same channel. Photoshop and Figma say HSB; graphics literature and most code libraries say HSV. There is no conversion between them, which is worth knowing before hunting for one.
How is HSB different from HSL?: In what the third number means. Brightness is the largest RGB channel, so pure red is 100% brightness; lightness is the midpoint between largest and smallest, so pure red is 50% lightness. HSB at 100% brightness sweeps fully saturated colours, whereas HSL at 100% lightness is always white.
Does 100% brightness mean the colour looks bright?: No, and this is the model's real limitation. Pure blue and pure yellow are both 100% brightness in HSB, yet yellow is perceptually several times lighter — sRGB luminance weights green at 71% and blue at just 7%. For perceived lightness, use a perceptual model such as OKLCH.
Why is my eight-digit hex rejected?: Because HSB has no alpha channel, so #RRGGBBAA has nothing to convert the last pair into. Three-digit shorthand like #0cf is accepted and expanded, six digits are the normal case, and eight digits are refused rather than silently having the transparency dropped.
Will converting back to hex give me the original colour?: Usually but not always. Hue, saturation and brightness are each rounded to a whole number, which is coarser than the 24-bit hex space, so some colours land one step away on the round trip. Keep hex as the source of truth and treat HSB as the editing view.

Common errors and gotchas

Confusing HSB with HSL, whose saturation and third channel are defined differently.
Expecting CSS to accept HSB, which it does not.
Reading brightness as lightness, so a full-brightness hue is expected to be white.
Round-tripping through 8-bit hex repeatedly, accumulating error.
Losing alpha, which HSB as usually quoted has no place for.