🎨

Color Converter

Converters

Convert between HEX, RGB, HSL, and CMYK color formats. Free, private — all processing in your browser.

R:99 G:102 B:241H:239° S:84% L:67%

White text

Black text

On white: 4.47:1 ✗ FailOn black: 4.70:1 ✓ AA

HEX#6366f1

RGBrgb(99, 102, 241)

RGB %rgb(39%, 40%, 95%)

HSLhsl(239, 84%, 67%)

HSV/HSBhsv(239, 59%, 95%)

CMYKcmyk(59%, 58%, 0%, 5%)

CSS Variable--color: #6366f1;

Tailwind[#6366f1]

Integer6514417

Filterbrightness(0) saturate(100%) invert(67%)

How to use

1. Enter or paste your data in the input area above
2. Adjust settings or options as needed
3. Click the action button or see real-time results
4. Copy the result with the copy button

All processing happens in your browser. Nothing is sent to any server.

About this tool

Convert colors between HEX, RGB, and HSL formats instantly. Our Color Converter takes any HEX color code and shows the equivalent RGB and HSL values, plus a CSS custom property format. Use the visual color picker to select colors interactively, or type in exact values. HEX is the most common format in web design (used in Figma, Sketch, and CSS), RGB is used in JavaScript canvas operations and CSS, and HSL is the most intuitive format for creating color variations (adjust lightness for hover states, saturation for muted versions). The tool also generates a large color preview swatch so you can see exactly what the color looks like. All conversion uses standard color space mathematics in your browser.