Color Picker & Converter - HEX, RGB, HSL, HSV, CMYK

How to Use the Color Picker & Converter

Follow the steps below to craft the exact color you need and copy it in your preferred format.

1. Select a base color with the visual picker, or type a value directly into the HEX, RGB, HSL, or HSV fields.
2. Fine-tune hue, saturation, value, or alpha with the sliders or numeric inputs to preview lighter or transparent variations.
3. Watch the results column update instantly with every format so you can cross-check HEX, RGBA, HSLA, HSVA, and CMYK.
4. Use the copy buttons to grab any value and paste it directly into your stylesheet, design tool, or collateral.

Why use this calculator

• Convert between every major color format (HEX, RGB, HSL, HSV, CMYK) without leaving the page.
• Accessible sliders and text inputs provide both precision and experimentation.
• The visual spectrum picker mirrors CSS color models so the hue, saturation, and brightness feel intuitive.
• Copy any value with one click, and keep your workflow moving without toggling between tabs.
• Reference the formulas and verification badges below when you need to explain the math behind the color math.