All tools
Color Converter
HEX, RGB and HSL conversions
Everything runs locally in your browser. Your data never leaves your device.
About this tool
Pick a color or type HEX, RGB, or HSL values and instantly see equivalents in the other formats with a live preview.
Designed for designers and front-end developers translating design tokens into CSS. Fast, accurate, and fully client-side.
How to use it
- Pick a color or paste a HEX, RGB, or HSL value.
- Watch the other formats update in real time.
- Use the preview to confirm the shade.
- Copy the format you need into CSS or design tokens.
Common use cases
- Convert Figma/HEX tokens into RGB or HSL for CSS.
- Explore nearby shades while refining a palette.
- Share exact color values across design and engineering.
- Check contrast-related work with precise channel values.
Frequently asked questions
Which formats are supported?
HEX, RGB, and HSL with live conversion between them.
Is anything uploaded?
No. Color math runs locally in your browser.
Does it support alpha/transparency?
Focus is on solid HEX/RGB/HSL conversion for everyday CSS work.
Are conversions exact?
Values map using standard color-space conversions suitable for web development.
Can I convert named CSS colors?
Enter the equivalent HEX/RGB/HSL, or pick the color visually.