Color Converter

HEX, RGB, HSL, HSV, CMYK conversion with alpha

Color Wheel

Preview

#6366f1

All Formats

HEX#6366f1
HEX + A#6366f1
RGBrgb(99, 102, 241)
RGBArgba(99, 102, 241, 1.00)
HSLhsl(239, 84%, 67%)
HSLAhsla(239, 84%, 67%, 1.00)
HSVhsv(239, 59%, 95%)
CMYKcmyk(59%, 58%, 0%, 5%)
CSS Var--color-primary: #6366f1;
Tailwindtext-[#6366f1]
Complementary
Analogous
Triadic
Split Complementary
Tetradic
4.47:1
AA Normal AA Large AAA Normal AAA Large
Sample Text Aa
The quick brown fox jumps over the lazy dog
No colors picked yet

About Color Converter

Color converter supports HEX/RGB/HSL/HSV/CMYK conversion, real-time color preview, gradient generation. Essential for frontend dev, design conversion, CSS writing.

How to Use

  1. Enter any color format (HEX/RGB/HSL etc)
  2. Auto-convert to other formats
  3. Real-time color preview
  4. Copy desired format code

Frequently Asked Questions

HSL advantage over RGB?
HSL (hue/saturation/lightness) closer to human perception. Adjust lightness without changing hue, easy to generate same-hue different-brightness palettes. RGB three channels coupled and unintuitive.
What is CMYK?
CMYK (cyan/magenta/yellow/black) is print color mode, different from screen RGB. Design for print needs CMYK, but web/app uses RGB/HEX.
Why isn't converted color exactly the same?
Different color spaces have different ranges (gamut). RGB→CMYK may lose vibrancy, CMYK→RGB some colors cannot precisely reproduce. Professional design needs gamut matching.