HEX to RGB converter

Paste a HEX color to get its RGB value, or pick a color. Every other CSS format updates as you type, and any value copies in one click.

Common colors in HEX and RGB

RGB maps directly to how screens mix light, and it is what canvas, image and most JavaScript color APIs work with.

HEX: Six hexadecimal digits for red, green and blue, like #3B82F6. Add two more digits for opacity (#3B82F680 is 50%). The most common way to write a color in CSS and design tools.
RGB and RGBA: Red, green and blue channels from 0 to 255, like rgb(59, 130, 246). RGBA adds an alpha channel from 0 (transparent) to 1 (opaque): rgba(59, 130, 246, 0.5).
HSL and HSLA: Hue in degrees, then saturation and lightness as percentages, like hsl(217, 91%, 60%). Easier to tweak by hand than RGB: change the hue to get a new color with the same feel.
OKLCH: Perceptual lightness, chroma and hue, like oklch(62.31% 0.188 259.81). Equal steps in lightness look equal to the eye, which makes OKLCH the best format for building shade scales and themes. Supported in every modern browser and used by Tailwind CSS v4.
LAB: CIE Lab: lightness plus two color axes, a (green to red) and b (blue to yellow), like lab(54.62% 8.77 -65.79). Device-independent and used for color matching and print workflows.

Need every format at once? Use the color picker. To turn one color into a full scale, try the shades generator.