Color Converter
Convert colors between Hex, RGB, HSL, and OKLCH with a live swatch and hue slider.
Tool code processes selected files and entered content in your browser and does not submit them to a TOOLGRID processing endpoint. TOOLGRID measures tool usage, not the content you enter.
- No TOOLGRID input upload
- No account
- Review before copy
Loading toolβ¦
What this tool does
Parse and convert colors across Hex, RGB, HSL, and OKLCH formats with full D65 color math.
Color Converter auto-detects the input format and converts to Hex, RGB, HSL, and OKLCH simultaneously.
Use the hue slider to explore hue variations while preserving lightness and chroma.
Where this tool earns its place
Color Converter auto-detects the input format and converts to Hex, RGB, HSL, and OKLCH simultaneously.
What to check before relying on the result
- Performance and maximum practical input size depend on browser memory, device speed, and the structure of the input.
- Review the generated result before replacing or publishing an original file.
Open a nearby browser tool when you need to validate, convert, or reuse the result.
How to use
01FAQ
02What formats are supported?
Hex (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(), and oklch().
What is OKLCH?
OKLCH is a perceptually uniform color model defined by lightness, chroma, and hue. It is widely supported in modern CSS.
Does the hue slider change the input?
No. It adjusts only the displayed color by rotating the hue channel in OKLCH space while keeping lightness and chroma constant.

