Convert HEX to RGB/HSL and Build Matching Palettes
Type a HEX color to see its RGB and HSL values instantly, or switch to the Palette Generator to create 5 matching colors with one click. Click any value or color block to copy it straight to your clipboard.
🎨 Great For
- Picking a brand or website color scheme
- Converting a HEX code from a design tool into CSS-ready RGB/HSL
- Finding accent colors that pair well with a base color
- Quickly grabbing a color value to paste into code or a design doc
- Exploring color combinations for a presentation or poster
📋 How to Use
- Type or paste a HEX code into the Converter tab
- See the live preview and the matching RGB/HSL values
- Click any copy button to copy HEX, RGB, or HSL
- Switch to the Palette Generator tab and press Generate
- Click any color block to copy its HEX code
Frequently Asked Questions
How accurate is the HEX to RGB/HSL conversion?
It uses the standard color space conversion formulas exactly, not rough estimates, so the RGB and HSL values match what design tools and browsers compute.
How does the palette generator pick colors?
It picks a random starting hue, then rotates it in equal 72° steps (360° ÷ 5) around the color wheel, with slightly randomized saturation and lightness each time — a simple way to get 5 colors that work well together.
Where does the copy button save the color?
It copies the value to your system clipboard, so you can paste it directly into code, a design tool, or anywhere else.
Does it remember my last palette?
Yes. Your last generated palette and HEX input are saved in your browser and restored automatically the next time you visit.