Lightning-fast bidirectional conversion between HEX, RGB, RGBA, HSL, HSLA, CMYK, and HSV. Supports 3-digit shorthand, alpha channel, live preview, and one-click copy.
● Real-Time● Bidirectional● 7 Formats● Alpha Support● No Signup
On Dark#030712
On Light#FFFFFF
DodgerBlue
Alpha
100%
HEX 6-digit
#007CF0
RGB
rgb(0, 124, 240)
RGBA
rgba(0, 124, 240, 1)
RGB %
rgb(0%, 48.6%, 94.1%)
HSL / HSLA
hsl(206, 100%, 47.1%)
HSV / HSB
hsv(206, 100%, 94.1%)
CMYK
cmyk(100%, 48%, 0%, 6%)
Quick Presets
Recent Colors
WCAG Contrast Checker
Text Color
Background Color
Contrast Ratio
4.50 : 1
The quick brown fox jumps
Large Text
On White
The quick brown fox jumps
Large Text
On Black
Similar Named Colors
CSS Code Export
Why This Converter
Designed for Speed and Precision
Every keystroke triggers instant conversion across all formats. No buttons, no waiting — just fast, accurate results for designers and developers.
⚡
Real-Time Conversion
Results update instantly as you type — zero delay, zero button presses. Supports HEX, RGB, RGBA, HSL, HSLA, CMYK, HSV, and percentage formats simultaneously with perfect accuracy.
🔄
Bidirectional
Convert HEX to RGB or RGB to HEX — editing any field updates all others. The RGB inputs let you reverse-convert seamlessly without switching modes or reloading the page.
Full alpha channel support with an interactive slider. Outputs both RGB and RGBA, HSL and HSLA. Visual transparency preview with checkerboard pattern behind the color swatches.
📋
One-Click Copy
Every output format has a dedicated copy button. Click the output field or the copy button to instantly copy to clipboard with animated confirmation toast feedback.
♿
WCAG Contrast
Built-in contrast checker shows WCAG AA and AAA compliance for normal and large text. Visual preview cards show how your color looks on white and black backgrounds.
🎨
30+ Presets
Quick-access preset colors from a curated palette. Hover to see the color name, click to load instantly. Perfect for rapid prototyping, quick reference, and design exploration.
🕓
Color History
Automatically saves your last 24 conversions to browser storage. Click any history swatch to reload the color. Persists across browser sessions using localStorage.
🔒
100% Private
All processing runs entirely in your browser. No data is ever sent to any server. No cookies, no tracking, no accounts required — your colors stay completely private.
FAQ
Frequently Asked Questions
Simply type your HEX color code (e.g., #FF5733) into the input field. The tool instantly converts it to RGB values: rgb(255, 87, 51). No button press is needed — conversion happens in real-time as you type. You can also use the RGB input fields to convert in the reverse direction (RGB to HEX).
The converter supports three formats: 3-digit shorthand (#F00 auto-expands to #FF0000), 6-digit standard (#FF5733 for full color), and 8-digit with alpha (#FF573380 for approximately 50% opacity). The # symbol prefix is optional — if you type FF5733, the tool automatically adds it. All letters are auto-uppercased for consistency.
RGB defines three color channels — Red, Green, and Blue — each ranging from 0 to 255. RGBA adds a fourth Alpha channel that controls transparency, ranging from 0 (fully transparent) to 1 (fully opaque). For example, rgba(255, 0, 0, 0.5) creates a semi-transparent red. The alpha slider in this tool lets you adjust opacity visually in real-time.
Use the RGB input fields on the left panel. Enter values for Red (0-255), Green (0-255), and Blue (0-255). All output formats — including HEX — will update instantly as you type. This makes the tool fully bidirectional without needing to switch pages or modes.
WCAG (Web Content Accessibility Guidelines) contrast ratio measures how well text stands out against its background. It ranges from 1:1 (no contrast) to 21:1 (maximum). AA standard requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text. Meeting these ensures readability for users with visual impairments.
No. All conversions happen entirely in your browser using JavaScript. Your color history is saved only to your browser's localStorage — it never leaves your device. No data is sent to any server, no cookies are set for tracking, and no account is required. You can clear the history at any time using the Clear All button.