Color Converter
Convert HEX, RGB and HSL both ways, with a live swatch.
Type any format — #16a34a, rgb(22 163 74), hsl(142 71% 45%) — and all three update.
How to use the Color tool
- Enter your hex to rgb in the fields above.
- Adjust any slider or type an exact number — the answer updates as you go.
- Copy the result and close the tab. Nothing you entered was sent anywhere.
About the Color tool
Enter any color in HEX, RGB or HSL and see all three formats plus a live preview, ready to copy into CSS.
HSL maps to how humans think about color (hue, saturation, lightness), which makes it the best starting point when building a palette.
Everything runs locally in your browser: no data is uploaded, no account is needed, and it works offline once the page has loaded.
Embed this tool
Customize and copy an iframe. Linking back helps both sites.