Convert colors between HEX, RGB and HSL.
Our free color converter instantly translates any color between HEX, RGB, and HSL formats — the three formats you'll encounter most in CSS and design tools. Paste a HEX code, type a value, or use the visual color picker, and all three representations update in real time. Click the copy button next to any field to grab the value straight to your clipboard, ready to paste into your stylesheet or design file.
Enter your HEX code (e.g. #3B82F6) in the HEX field or pick a color with the color picker. The RGB value, formatted as rgb(r, g, b), appears instantly in the RGB output field. Click the copy button to copy it.
HEX encodes a color as a 6-digit (or 3-digit shorthand) hexadecimal string like #FF5733. RGB expresses the same color as three 0–255 values for red, green, and blue. HSL describes hue (0–360°), saturation (%), and lightness (%), which is often more intuitive when you want to adjust brightness or vibrance of a color.
Yes. Shorthand HEX codes like #F00 or #3AF are automatically expanded to their 6-digit equivalents (#FF0000 and #33AAFF) before conversion, so all three output values will be correct.
Absolutely. Copy the HEX, RGB, or HSL output and paste it directly into CSS custom properties, inline styles, or any design token. HSL is especially handy for Tailwind CSS v3+ themes, where colors are often defined in HSL format.