RGB
HSL
Color palette
CSS values
Frequently asked questions
What is the difference between HEX, RGB and HSL?
HEX is the hexadecimal notation (e.g. #3b82f6) commonly used in CSS. RGB gives red, green and blue values from 0–255. HSL describes colors by hue, saturation and lightness – often more intuitive for designers.
How do I convert HEX to RGB?
Just enter your HEX color code in the HEX field. The RGB and HSL values are calculated and shown automatically. You can copy any value with one click.
What is the color palette?
The palette shows five shades of your chosen color at different lightness levels. Ideal for building harmonious color schemes for web design or branding.
Can I copy the CSS values directly?
Yes. Under ‹CSS values› you will find ready-formatted CSS values for HEX, RGB and HSL. Click ‹Copy› to put a value on your clipboard.
Does the color converter work on mobile?
Yes. The color converter is fully responsive and works on smartphones and tablets just like on desktop. All calculations run locally in your browser.