What Is the Color Converter?
This is an online color converter and manipulator that mirrors the functions of the Iris PHP color library. It supports the conversion between formats HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV, CMYK, OKLCH, plus LCH.
How to Use the Color Converter
To use it, simply enter a color in HEX, HEXA, RGB(A), HSL(A), HSV, CMYK, or OKLCH color formats. Then, see it converted to every other format. You can also transform any color with the operations like lighten, darken, saturate, spin, mix, tint, shade, and fade.
Enter a color
Type or paste a color into the "Color Value" field. The tool auto-detects the format and accepts HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV, CMYK, OKLCH, and CSS color names. You can also click on the "Random" button to check how the system works.
Convert
The "Conversions" panel shows your color converted in supported formats. Click on the copy icon to copy the value of that to your clipboard.
Manipulate
Under "Manipulations" section, drag the slider of the manipulation you want to convert your color.
- Saturate / Desaturate / Grayscale adjust how vivid the color is.
- Lighten / Darken / Brighten adjust lightness.
- Spin rotates the hue around the color wheel.
- Complement / Invert flip the hue 180° or invert the RGB channels.
- Tint / Shade mix the color toward white or black.
- Mix blends the color with a second color you choose.
- Fade / Fade In / Fade Out set or adjust opacity.
Build a gradient
"Gradient" section allows you to build a gradient. To use it, set a start and end
color (and if you want, a middle color), then choose how many steps you want, and
finally, copy the result as a CSS linear-gradient.
