Color Converter & Contrast Checker

Convert between HEX, RGB, HSL, and CMYK formats with real-time WCAG contrast auditing.

Active Color

Pick a color or paste HEX / RGB / HSL below for bidirectional syncing.

HEX Color
RGB Color
HSL Color

WCAG 2.1 Contrast Ratio Audit

Contrast ratios determine if this color is readable when placed under text.

How to Use Color Converter & Contrast Checker Online

  1. Input a color in any format (#3b82f6, rgb(59, 130, 246), or hsl(217, 91%, 60%)).
  2. View instant conversions in all formats simultaneously.
  3. Inspect the accessibility contrast ratio scores to ensure readable typography.

Key Features & Capabilities

  • Bi-directional conversion across HEX, RGB, HSL, and CMYK
  • Interactive visual color picker and palette shades generator
  • Instant WCAG 2.1 compliance score for accessibility (AA & AAA)
  • One-click copy for all CSS color formats

Frequently Asked Questions

WCAG AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text. WCAG AAA requires 7:1 for normal text and 4.5:1 for large text.

More Developer Tools You Might Like

{ }
Popular

JSON Formatter & Validator

Beautify, validate, format, and minify JSON data instantly in your browser.

Developer Utilities
Open Tool →
64
Essential

Base64 Encoder & Decoder

Encode and decode plain text, URLs, and data URIs to and from Base64 format.

Security & Encoding
Open Tool →
jwt
Dev Pick

JWT Token Decoder & Inspector

Decode and inspect JSON Web Tokens (Header, Payload, and Expiration) safely in your browser.

Security & Encoding
Open Tool →