Convert between HEX, RGB, and HSL with a visual picker.
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)🎨 Use the color picker or type any format — converts to all three instantly. Common for web design, CSS, and brand guidelines.
Colors on the web are described in three main formats: HEX (like #3b82f6), RGB (like rgb(59, 130, 246)), and HSL (like hsl(217, 91%, 60%)). This tool converts between all three instantly — type any format or use the visual color picker.
HEX is the default for CSS and most design tools. RGB is useful when you need to manipulate channels in code or add alpha transparency (rgba). HSL is best when adjusting colors intuitively — creating variations of a hue is much easier in HSL than HEX.
The Color Converter converts hex to rgbfrom one unit to another using the exact internationally defined conversion factors. Type a value, choose your source and target units, and the converted result is shown instantly — no waiting, no page reload.
Manual conversion is error-prone because it means memorizing ratios (how many feet in a meter, how many pints in a liter). This tool removes that friction: the conversion factor is built in, and the math is done to full precision with no rounding until the final displayed number.
Common uses: people reach for this tool when they need to look up a hex to rgb converter, rgb to hex color converter, hsl to rgb online, or hex color code converter.
Browser-based tools like this one have a few real advantages over installed software or manual methods:
More tools you might find useful