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

HEX ↔ RGB Converter

Bi-directional instant converter between Hexadecimal and RGB color codes

🎛️ 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 ↔ RGB Converter

Quick two-way converter for transforming HEX color strings to RGB/RGBA channels and vice-versa with live swatch previews and one-click copy.

Key Capabilities & Features

  • Bi-directional real-time conversion between HEX and RGB formats
  • Supports 3-digit shorthand (#FFF) and full 6-digit (#FFFFFF) hex codes
  • Individual Red, Green, and Blue numeric readouts and sliders
  • Instant copy for CSS rgb() and hex declarations
  • Zero server latency with instant browser execution

How to Use HEX ↔ RGB Converter

1

Enter Color in Either Format

Type a HEX string or tweak the RGB sliders to begin conversion.

2

Observe Real-Time Sync

Both HEX and RGB representations update simultaneously.

3

Copy Code

Click the copy button for the desired format.

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

Can I paste a hex code without the hash symbol?

Yes, our converter automatically handles hex strings whether or not the '#' prefix is included.