Tool
Color Converter
Convert HEX colors to RGB and HSL values.
Design Tools
What this tool does
Paste a hex color to get matching RGB and HSL values for CSS and design tools.
How to use
- Enter a hex color (with or without #).
- View RGB and HSL equivalents.
- Copy values for your stylesheet.
Examples
Brand blue
Input: #2563EB
Output: rgb(37, 99, 235); hsl(221, 83%, 53%)
Common Tailwind blue-600 converted to RGB and HSL.
Common use cases
- Convert design token colors
- Match brand palette to CSS
- Share color specs with developers
FAQ
Do I need the # prefix?
Both #2563EB and 2563EB are accepted.
Are short hex codes supported?
Three-digit hex like #FFF expands to six digits.
Can I convert RGB back to hex?
Enter hex here; use your design tool for reverse conversion.
Related tools
Last reviewed: 2026-05-23