Color Converter
Convert between HEX, RGB, RGBA, HSL, HSLA, OKLCH & CMYK. Live color picker, tints & shades palette generator, analogous colors & CSS variables.
Free Color Converter — HEX, RGB, HSL & OKLCH Instant Conversion
Toolify's Color Converter instantly translates any color between HEX, RGB, RGBA, HSL, HSLA, OKLCH, and CMYK formats. Enter a HEX code, pick a color with the live color picker, or paste an RGB value — all other formats update instantly.
The tints & shades palette generates 10 lighter and darker variations of your color, perfect for building design systems. Copy CSS variables, Tailwind config values, or raw color codes with one click.
Frequently Asked Questions
How do I convert a HEX color to RGB?
Paste your HEX code (e.g., #3b82f6) into the input field and the tool instantly shows the equivalent RGB, HSL, and OKLCH values.
What is OKLCH and why should I use it?
OKLCH is a modern CSS color space that is perceptually uniform — meaning its lightness, chroma, and hue values match how humans perceive color. It's supported in modern browsers via the CSS color() function and produces more consistent gradients than RGB or HSL.
Can I use this for Tailwind CSS colors?
Yes. Tailwind CSS uses specific color values that you can convert to any format. Paste a Tailwind HEX value and get the RGB or HSL equivalent for custom CSS.
Does the tool support alpha / transparency?
Yes, you can input RGBA and HSLA values with an alpha channel, and the tool displays the transparent color in the preview.
Can I use this for accessibility checks?
The tool shows relative luminance values which you can use to manually check WCAG contrast ratios.