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.
Loading tool…
Browser-basedWhat this tool does
Parse and convert colors across Hex, RGB, HSL, and OKLCH formats with full D65 color math.
Use the hue slider to explore hue variations while preserving lightness and chroma.
What you can do with this tool
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.
How to use
- 1
Paste any color value: #hex, rgb(), rgba(), hsl(), hsla(), or oklch().
- 2
Copy the output in whichever format you need.
- 3
Drag the hue slider to explore related hues.
FAQ
What 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.
Useful next steps
Open a nearby browser tool when you need to validate, convert, or reuse the result.