Hex to RGB / HSL Converter
Convert hex color codes to RGB, HSL, and CMYK formats instantly. Enter a hex code like #FF5733 or #F57 and see the equivalent values in other color spaces, plus a live preview swatch. Useful for designers, developers, and anyone working across different color systems.
#3A86FF
How to use it
- Paste or type a hex color code (#RRGGBB or #RGB format) into the input field
- View all converted values: RGB percentages, HSL angles and percentages, and CMYK percentages
- Check the color preview swatch to see the actual color displayed
- Copy any converted value to your clipboard with one click
Pro tips
- Both 6-digit (#FF5733) and 3-digit (#F57) hex formats work – the tool auto-expands short codes
- HSL values are great for adjusting brightness or saturation; CMYK is essential if you're prepping for print
- Bookmark this page – no signup or downloads needed, works in any modern browser
FAQ
Can I convert colors the other way (RGB to hex)?
This tool converts hex to other formats. For reverse conversion, try a separate RGB-to-hex tool or use your design software's color picker directly.
Why do I need CMYK if I work digitally?
CMYK is the color model for print. If your work will be printed, CMYK values ensure your colors match what comes off the press.
What if I enter an invalid hex code?
The tool checks your input and will show an error message. Hex codes must be # followed by 3 or 6 valid hexadecimal characters (0-9, A-F).
Got a brand color? Get the full 50-color system around it.
Get a 6-page Brand Color System:
- 50-color palette built from your primary – tints, shades, accents, neutrals, semantic (success/warn/error/info)
- WCAG 2.1 AAA + AA contrast pairs (text + background combinations that pass)
- Use-case mapping: which color for buttons / links / alerts / forms / typography
- Tailwind config + CSS variables + Figma-ready hex codes you can paste straight into your stack
Delivered in 10 minutes. $29 USD. 30-day refund if it does not pay for itself.