HEX to RGB Converter

Convert any HEX color code to RGB, HSL and HSV instantly. Copy values with one click for CSS, design tools, or any creative workflow.

RGB · HSL · HSVOne-click copyCSS-ready output

① Enter a HEX code or pick a color ② Convert to get RGB, HSL & HSV ③ Click any value to copy

HEX Color

Presets:

How it works

Paste any 6-digit HEX code (e.g. #FF4500) and instantly get the equivalent RGB, HSL and HSV values. Click any result to copy it to your clipboard.

RGB

Red, Green, Blue — the standard color model for screens. Each channel ranges from 0 to 255. Used natively in CSS with the rgb() function.

HSL & HSV

HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value) describe colors in a more intuitive, perceptual way — closer to how humans see color.

HEX to RGB, HSL and HSV — how the conversion works

HEX color codes are the hexadecimal representation of the three RGB channels (Red, Green, Blue). For example, #FF4500 equals R=255, G=69, B=0. The CSS rgb() function is the most widely used format in stylesheets and design systems. HSL (Hue, Saturation, Lightness) adds an intuitive dimension: Hue 0–360°, saturation and lightness as percentages. HSV uses Value instead of Lightness, making it more natural for visual color mixing in Figma, Adobe, and other tools. All three formats are usable directly in CSS, SVG and canvas.

Frequently asked questions

A HEX (hexadecimal) color code is a 6-character color representation preceded by #. The first 2 characters represent the Red channel, the next 2 Green, and the last 2 Blue, each ranging from 00 (0) to FF (255). For example, #FF0000 is pure red: R=255, G=0, B=0.

The conversion is straightforward: split the 6 characters into three pairs and convert each from base 16 to base 10. FF in hex becomes 255, 80 becomes 128, 00 becomes 0. The result is an rgb(R, G, B) triplet with values from 0 to 255.

Both use Hue (in degrees 0–360°) and Saturation, but differ in the third component. HSL uses Lightness: 0% is black, 100% is white, 50% is the pure color. HSV uses Value: 0% is black, 100% is maximum brightness of the color. HSL is preferred in CSS; HSV is used in most graphical color pickers.

CSS natively supports both rgb() and hsl(). rgb() is the most widespread and compatible. hsl() is very useful for creating systematic color variations, such as lightening or darkening a color by only changing Lightness. HSV is not natively supported by CSS but is used internally by Figma, Sketch and other graphic tools.

Yes, HEX ↔ RGB conversion is mathematically exact and reversible: there is no loss of information. The conversion to HSL and HSV introduces rounding to whole degrees, but remains accurate for practical use.

Once you have the values, you can: use rgb() or hsl() directly in CSS, enter R/G/B values in Figma or Sketch color pickers, use HSV to create uniform color scales, or continue with other tools like the palette generator or tint & shade generator.

The tool converts any valid 6-digit HEX code (from #000000 to #FFFFFF), covering all 16+ million colors representable in the 8-bit-per-channel RGB model. Conversion happens instantly in the browser, without sending any data to external servers.

HEX to RGB, HSL and HSV — how the conversion works

Frequently asked questions

Explore Our Network