HSB to RGB Converter

Convert HSB (HSV) color values to RGB with live, two-way sliders.

Enter a color

°
%
%
#3B82F6
 
  • HEX
  • RGB
  • HSL
  • HSB
  • HSV
  • CMYK
Copy RGB Copy Link

Contrast & Accessibility WCAG ratio of this color used as text

Aa ——on white
Aa ——on black

Shades & Tints click any swatch to load it

Shades (toward black)
Tints (toward white)

Color Harmonies based on the current Hue

Complementary
 
Analogous
  
Triadic
  
Split Complementary
  
Tetradic
   

About the HSB to RGB Converter

What is HSB to RGB conversion?

HSB — also called HSV — describes a color by Hue, Saturation, and Brightness. RGB describes the same color as red, green, and blue values from 0 to 255, the form code and the web expect. This converter takes your HSB values and returns the matching RGB, along with HEX, HSL, and CMYK and a live preview.

It's the step you need when you've picked a color in a design app (which usually shows HSB) and now want the RGB or HEX for a website or a graphics library. Drag the Hue, Saturation, and Brightness sliders and the RGB values update instantly. It all runs in your browser, so your colors stay private.

How to Use This Tool

  1. Set your HSB color. Drag the Hue, Saturation, and Brightness sliders, or type exact values.
  2. Read the RGB value. The matching rgb() appears at the top and updates live.
  3. Or start from HEX. Paste a HEX code or use the eyedropper and the HSB sliders snap to match.
  4. Take what you need. Copy RGB, HEX, HSL, or CMYK, and explore the shades and harmonies.

Common Use Cases

  • From design to code: Turn a Photoshop or Figma HSB color into RGB or HEX for the web.
  • Feeding graphics libraries: Many canvas and image tools want RGB numbers, not HSB.
  • Building palettes: Step the Hue around the wheel and collect RGB values.
  • Checking contrast: See how the color scores as text on white and black.

Need the reverse or another model? Use our RGB to HSB converter, the HSB to HEX converter, or browse all our free color tools.

Frequently Asked Questions

Is HSB the same as HSV?

Yes — HSB (Brightness) and HSV (Value) are two names for the same model, so the values you enter here work either way.

How do I convert HSB to RGB?

Enter your Hue (0–360), Saturation, and Brightness (0–100%) and the RGB result appears instantly, computed with the standard formula into the 0–255 range.

Can I get a HEX code too?

Yes. Alongside RGB, the results list shows HEX, HSL, and CMYK, each with a copy button. HEX is usually the handiest for web and design tools.

Is this tool free and private?

Completely. The conversion runs entirely in your browser with JavaScript, so your colors are never uploaded or logged, and it works offline once loaded.