🎨 Hex to RGB and HSL Converter
Enter a 3- or 6-digit hex color, or set red, green and blue from 0 to 255. The tool shows both notations and a small preview swatch.
Input
Result
Channels
Private by design. This tool runs entirely in your browser — nothing you enter or add is uploaded to any server.
How it works
- A leading # is optional. Three-digit hex expands by repeating each digit.
- RGB values are clamped to 0–255 and written as a six-digit hex code.
- HSL is calculated from the RGB channels so you can copy either format.
Examples
- #fff expands to #FFFFFF, rgb(255, 255, 255).
- #3B82F6 is the common Tailwind blue and converts to rgb(59, 130, 246).
- Red 0, green 128, blue 0 becomes #008000.
Frequently asked questions
Are 8-digit hex colors supported?
No. This tool handles opaque 3- and 6-digit hex only. Alpha channels are ignored rather than guessed.
Does the preview upload the color?
No. The swatch is drawn from the calculated RGB value in the browser.
Related tools
More Color tools →Background Remover
Remove the background from a photo and save a transparent PNG — free, private, no sign-up.
QR Code Generator
Make QR codes for links, Wi-Fi, UPI, WhatsApp and more — free PNG and SVG downloads.
Passport Photo Maker
Crop passport, visa and exam-form photos to size, limit the file size in KB and print a copy sheet — free.
Image Compressor
Make JPG, PNG and WebP images smaller with a live quality slider — free and private.