Free Online Color Converter
Convert colors between HEX, RGB, RGBA, HSL, and HSLA formats instantly — free online tool with color picker and preset swatches. 100% client-side.
100% Client-Side · Your data never leaves your browserHow to Use Color Converter
Enter any color value in the text field — HEX, RGB, or HSL format is accepted. You can also use the color picker (the colored square) to visually choose a color, or click one of the preset swatches for a quick start.
Click Convert to see all six format representations and the RGBA color swatch. Click the copy icon next to any format to copy that value to the clipboard.
Supported input examples:
#FF6B6Bor#f6b(shorthand HEX)rgb(255, 107, 107)orrgba(255, 107, 107, 0.8)hsl(0, 100%, 71%)orhsla(0, 100%, 71%, 0.5)
Frequently Asked Questions
What color formats does this tool support?
The converter accepts HEX (#RGB, #RRGGBB, #RRGGBBAA), RGB (rgb(r,g,b)), RGBA (rgba(r,g,b,a)), HSL (hsl(h,s%,l%)), and HSLA formats. It outputs all six representations at once.
What is the difference between RGB and HSL?
RGB describes a color by its red, green, and blue light intensities (0–255 each). HSL describes color by Hue (0–360°, the color wheel position), Saturation (0–100%, color intensity), and Lightness (0–100%, brightness). HSL is often easier for humans to reason about when adjusting colors.
What is HEX8 format?
HEX8 is an 8-digit hex code (#RRGGBBAA) that includes an alpha (transparency) channel as the last two digits. For example, #FF000080 is 50% transparent red. It is supported in modern CSS and most design tools.
How do I convert a CSS hex color to RGB?
Paste the hex code (with or without the # symbol) into the input field and click Convert. The RGB values appear instantly in the results table.
What does the alpha channel mean?
Alpha controls transparency: 0 is fully transparent, 1 (or 100%) is fully opaque. RGBA and HSLA formats include an alpha channel. The color picker defaults to fully opaque (alpha = 1).