Design tools, CSS, and code all expect colors in different formats. Pick a color or paste a HEX or RGB value here and get HEX, RGB, and HSL all at once, updating live, entirely in your browser.
How to use the color converter tool
- 1
Pick or type a color
Use the color picker, or type a HEX or RGB value directly.
- 2
Read the conversions
HEX, RGB, and HSL values all update together instantly.
- 3
Copy the format you need
Each format has its own copy button.
Common use cases
Match a brand color across formats
Convert a HEX brand color to RGB or HSL for a different design tool or codebase.
Pick a color visually
Use the color picker to find a color, then grab its exact value in whatever format you need.
Adjust lightness in HSL
Convert a HEX color to HSL to more easily reason about adjusting its lightness or saturation.
Frequently asked questions
3- and 6-digit HEX (#rgb or #rrggbb) and rgb()/rgba() strings — paste any of these and the other formats update automatically.