HEX to RGB converts a hexadecimal color code into RGB (0–255 integers), RGB as percentages, HSL, and a ready-to-paste CSS custom property — with a live swatch so you can visually confirm the color before using it anywhere.
Hex, RGB, and HSL all describe the exact same underlying color model — the RGB additive color space used by every screen — they just express it with different numbers for different purposes. Hex (#6366F1) packs red, green, and blue into two-digit hexadecimal pairs, which is compact and became the default in CSS and design tools because it is easy to copy as one unbroken string. RGB (rgb(99, 102, 241)) spells out the same three channels as base-10 integers from 0–255, which is what most graphics APIs, canvas fillStyle calculations, and image-processing code expect natively — nobody wants to parse hex pairs inside a rendering loop. HSL (hue, saturation, lightness) re-parameterizes the identical color around how humans actually think about color: a position on a color wheel (hue), how vivid or muted it is (saturation), and how close to black or white it is (lightness) — which makes HSL far easier to adjust programmatically. Lightening a brand color by 10% is a one-line change in HSL (bump the L value) but requires recomputing all three RGB channels proportionally to get the same visual result.
This is why the conversion comes up constantly in real work rather than being a novelty. A designer hands over hex values from Figma or Sketch, but your canvas drawing code, WebGL shader uniform, or native mobile color API wants integer RGB channels. A CSS animation needs to interpolate a hover state by lightness, so you convert the brand hex to HSL, adjust the L channel, and convert back. An accessibility check needs the relative luminance of a color, which is computed from linearized RGB channels, not from the hex string directly. All of these are the same one-time lookup this tool exists to remove friction from.
One subtlety worth knowing: hex and RGB as used in CSS and design software describe color in the sRGB color space, which is not the only color space in play. Print workflows use CMYK, a subtractive model built around inks, and professional photography and video often work in wider gamuts like Adobe RGB or DCI-P3 that can represent colors sRGB cannot reproduce at all. A hex code copied from a print-oriented tool may shift slightly on-screen, and colors that look identical in sRGB can diverge once exported to a wide-gamut display pipeline — worth remembering if a color "looks off" after moving between design and print tooling.
Need to go the other direction? RGB to Hex converts RGB values back into a hex code.
