Hex to RGB Color Converter

How this calculator works

A hex to RGB converter translates between the two ways screens describe color. HEX is the compact form you see in CSS and design tools: six digits where each pair sets the red, green and blue channel on a 0 to 255 scale, so #2563eb means red 37, green 99, blue 235. Type any hex code into the tool above, or pick a color visually, and every format updates live. The RGB numeric inputs work in reverse too, so a value copied from a design tool can be turned straight back into its hex code.

The RGBA output adds the alpha channel, the opacity of the color from 0 (fully transparent) to 100 percent (fully opaque). The slider previews the transparency on the swatch and the snippet updates, for example rgba(37, 99, 235, 0.50) for a half-transparent blue. HSL is the third notation: hue as a 0 to 360 degree angle on the color wheel, saturation and lightness as percentages. Designers reach for HSL when they need to nudge a color lighter or more vivid without changing its family, because those adjustments map directly to the S and L numbers.

The palette generator turns any starting color into a usable brand scale. Nine steps run from white through your color to black: the left half mixes your color with white for tints, the right half mixes it with black for shades. Click any swatch to copy its hex code for hover states, borders, backgrounds and text. Like every tool here, the conversion runs entirely in your browser, nothing you type is uploaded or stored, and there is no account or limit.