Color Converter for Web & Print

Convert HEX, RGB, HSL and CMYK in all directions, copy values for InDesign or CSS, and verify WCAG AA contrast in seconds.

Tool

Compact, practical, and accessibility-aware

Color Converter

HEX · RGB(A) · HSL(A) · CMYK + WCAG AA contrast (Web & Print)

Privacy-first

Everything runs locally in your browser. “Recent colors” are stored only in your browser (localStorage) and can be cleared anytime.

Color
Paste any format → get everything (plus easy copy for design & CSS).
HEX + picker
e.g. #25B7F3
Supports: #RGB, #RRGGBB, #RRGGBBAA, rgb()/rgba(), hsl()/hsla(), cmyk(), CSS names (e.g. “tomato”).
Quick paste
Web/Print
Alpha
Transparency
100%
R
G
B
Recent colors
Stored locally in your browser.
Outputs
Copy per value (InDesign) or copy-ready CSS.
HEX
HEX8
RGB (RGBA when alpha < 100%)
Channels copy fast for InDesign · A is percent (0–100)
HSL
CMYK
Singles copy without “%”
CMYK values are approximate without ICC profiles.
CSS / Tokens
Copy-ready
WCAG Contrast (AA)
Normal text ≥ 4.5:1 · Large text & UI ≥ 3:1
Foreground
Text/Icon
Background
Surface
Contrast
–
Preview
Aa
Text & UI should pass AA.
Normal text: 4.5:1 · UI/icons: 3:1

Description

Color Converter at a glance

Paste a color in common formats (HEX, rgb(), hsl(), cmyk(), or CSS named colors) and the tool converts it live into the formats designers and developers use most. For production workflows, you can copy single RGB or CMYK channels (without “%”) for quick entry in tools like InDesign. The full-width WCAG section checks contrast ratio and AA thresholds for normal text, large text, and UI/icons, with a clear preview and simple suggestions when AA normal text fails.

Common workflows

  • Print: Copy CMYK as a full string or copy single C/M/Y/K values (no “%”) for fast input.
  • Web: Copy HEX/HEX8 and a ready-to-paste CSS/tokens snippet (with alpha).
  • Accessibility: Pick foreground/background → ratio + AA pass/fail + preview + suggestions.

Privacy-first

  • Processing: client-side only (in your browser).
  • Storage: no server storage, no database, no logging.
  • Optional: “Recent colors” are stored only in your browser (localStorage) and can be cleared anytime.

Similar tools (Media)

Explore more helpers from the same category.

Image Compressor

Compress images locally in your browser—no uploads. Choose an output format, compress multiple files, and download instantly.

5.00 / 5 · 2 reviews
Open

QR-Code Generator

Create QR codes instantly for URLs, text, WiFi, vCards, email, SMS, phone, WhatsApp, locations, and calendar events. Customize style and logo

New · be the first
Open

YouTube Thumbnail Downloader

Minimal YouTube thumbnail downloader: paste a link, generate a preview, and download — settings are tucked away in a clean popup.

New · be the first
Open

FAQ

Frequently asked questions