Design & Color Tools
100% Client-Side 100% client-side privacy. All calculations and styling execute locally in your browser with zero server uploads.

HEX Converter

Convert hexadecimal color codes to RGB, HSL, CMYK, and HSV

🎛️ Color Studio•Electric Indigo

#6366F1

Luminance: 0.185•Contrast White: 4.5:1 ✗•Contrast Black: 4.7:1 ✓ AA
Recent Swatches:

Channel Tuning & Sliders

RGB Channels (0 - 255)
Red (R)99
Green (G)102
Blue (B)241
HSL Channels
Hue (H: 0° - 360°)239°
Saturation (S: 0% - 100%)84%
Lightness (L: 0% - 100%)67%
CMYK Channels (Print Inks 0% - 100%)
Cyan (C)59%
Magenta (M)58%
Yellow (Y)0%
Black / Key (K)5%

Formats & CSS Output

HEX
#6366F1
RGB / RGBA
rgb(99, 102, 241)
HSL / HSLA
hsl(239, 84%, 67%)
CMYK (Print)
cmyk(59%, 58%, 0%, 5%)
HSV / HSB
hsv(239, 59%, 95%)
CSS Custom Property
--color-primary: #6366F1;

Shades & Tints (Darker to Lighter)

About HEX Converter

Convert hexadecimal color strings (including 3-digit and 8-digit alpha hex) into standard CSS RGB, HSL, CMYK, and HSV representations with real-time visual previews.

Key Capabilities & Features

  • Supports 3-digit (#RGB), 6-digit (#RRGGBB), and 8-digit alpha (#RRGGBBAA) hex codes
  • Instant dual-way conversion to RGB, HSL, CMYK, and HSV color models
  • Real-time surface luminance calculation and accessible text contrast preview
  • Generates clean CSS custom property variable definitions
  • One-click copy to clipboard with instant feedback

How to Use HEX Converter

1

Enter Hex Code

Type or paste any hex color string (e.g. #6366F1 or #F00) into the input field.

2

Inspect Output Values

Review the automatically calculated RGB, HSL, CMYK, and HSV color coordinates.

3

Copy Result

Click copy to grab the CSS declaration or color value for your project.

Privacy & In-Browser Execution Guarantee

100% client-side privacy. All calculations and styling execute locally in your browser with zero server uploads.

Frequently Asked Questions

What is an 8-digit hex color?

An 8-digit hex code includes an extra two hex characters at the end representing the alpha (transparency) channel from 00 (fully transparent) to FF (opaque).

Is there any character limit for hex conversion?

The converter accepts standard 3, 4, 6, and 8 character hex codes prefixed with or without the '#' sign.