What is a color converter?
Colors on the web are written in several formats: HEX (#5a4ff0), RGB (rgb(90, 79, 240)), and HSL (hsl(245, 84%, 63%)). Each describes the same color in a different way, and design tools, CSS, and code often expect a specific one. This converter takes a color in any of the three formats and gives you the other two, with a live swatch preview.
How to use this color converter
Type or paste a color as HEX, RGB, or HSL and the tool converts it to all three formats and shows a preview swatch. HEX accepts 3 or 6 digits, RGB accepts values 0 to 255, and HSL accepts hue in degrees with percentages. Everything runs in your browser.
Color FAQ
What is the difference between the formats? HEX and RGB describe a color by its red, green, and blue channels. HSL describes it by hue, saturation, and lightness, which is often easier to adjust by hand.
Does it support alpha or transparency? This tool converts the solid color channels. For alpha, keep the fourth value separately.
Is my data safe? Yes. The conversion runs entirely in your browser and nothing is uploaded.
