Skip to main content
Calctrove Calctrove

HSV to RGB Converter

HSV to RGB converter

Convert HSV values into RGB channels.

Inputs

3Live

Value 1

rgb(38, 103, 235)

RGB output is ready for CSS and UI tokens.

Live update

Color preview

#2667eb

Value 1

rgb(38, 103, 235)
Formula
RGB = convert(HSV hue-sector chroma model)
  • Convert saturation and value to chroma representation.
  • Resolve hue sector and intermediary channel value.
  • Map channels back to 0-255 RGB output.
Example

Worked example: HSV(220, 84%, 92%)

  1. 1 Compute chroma and hue sector.
  2. 2 Resolve intermediary x value.
  3. 3 Map values to RGB channels.

Output is provided as rgb(r, g, b).

How
  1. Enter hue, saturation (%), and value (%).
  2. Run converter to generate RGB channels.
  3. Copy RGB output into CSS or design tokens.
Avoid
  • Using saturation/value outside 0-100 range.
  • Expecting fractional RGB output instead of integer channels.
  • Confusing degrees and radians for hue input.
Checks

Best fit

HSV to RGB Converter is built for convert hsv values into rgb channels for immediate use in web styles and ui tokens. If HSV to RGB Converter does not match the input scope, compare the answer with a second method.

Input check

Match the entered values to this rule before copying the answer: RGB = convert(HSV hue-sector chroma model).

Sanity check

For HSV to RGB Converter, use the worked example as a quick benchmark: Output is provided as rgb(r, g, b). If the hsv to rgb converter answer is far away, check whether an input, unit, or mode changed.

Before copying

Review this common issue first: using saturation/value outside 0-100 range.

FAQ
Can hue exceed 360?

Hue is normalized, but standard input is 0 to 360 degrees.

Do I need percentage signs?

You can input numeric values; the tool treats saturation and value as percentages.

Is output rounded?

Yes, output channels are rounded to integer RGB values.

Switch
Switch12