Is HSB the same as HSV?

Yes. Brightness and value are two names for the same channel, so HSB and HSV values are identical.

How is HSB different from HSL?

In HSB, full brightness with full saturation is the pure hue. In HSL, the pure hue sits at 50% lightness and 100% is always white.

Click any pixel and copy its hue, saturation and brightness, the values Figma, Photoshop and most design tools show.

Drop an image here

Drag and drop, paste with Ctrl + V, or load one from a URL. JPG, PNG, WebP, GIF and SVG.

Or press Ctrl + V

Or start from a sample

Picked

Purple

#D629F1

Palette

Load an image to extract its palette.

Tints and shades

Harmonies

Complement

Analogous

Triad

Split

Tetrad

Your image is read in the browser and never uploaded. Nothing is stored.

Is HSB the same as HSV?: Yes. Brightness and value are two names for the same channel, so HSB and HSV values are identical.
How is HSB different from HSL?: In HSB, full brightness with full saturation is the pure hue. In HSL, the pure hue sits at 50% lightness and 100% is always white.

The tools that usually come after this one.

The catalog behind this tool: real, published entries with verified pricing and licensing, not a list of affiliate links.