Color Converter (HEX/RGB/CMYK) - WCAG Contrast Checker Tool

Convert HEX, RGB, HSL, and CMYK with a built-in WCAG contrast checker. Local-only privacyโ€”no uploads. Get print-ready CMYK values and copy results now.

Text Preview

Converted Values

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)

Accessibility (WCAG)

White Text0.00:1
Normal Text (AA)Fail
Large Text (AA)Fail
Black Text0.00:1
Normal Text (AA)Fail
Large Text (AA)Fail

How to Use

  1. Enter a color (e.g., #3b82f6) or use the picker.
  2. Copy converted values (RGB/HSL/CMYK) instantly.
  3. Check WCAG results for black/white text readability.
  4. Use CMYK output for print-ready design specs.

Core Features

  • WCAG Contrast Check: Calculate contrast ratios and show AA/AAA pass/fail instantly.
  • CMYK for Print: Convert screen colors to print-ready CMYK percentages.
  • HSL Color Space: Work with HSL for more intuitive hue/saturation/lightness edits.
  • System Color Picker: Pick colors with your OS picker for accuracy.
  • Keep it private: All conversions run locally in your browser.

Related Tools

FIRE Calculator 2026 (Inflation Adjusted) | Retirement Gap Simulator

The 2026 FIRE Calculator (Inflation Adjusted). Simulate real purchasing power, analyze retirement savings gaps, and generate a visual wealth roadmap. One-click CSV export for your Excel or Notion finance dashboard. 100% Private, client-side calculation.

Position Size Calculator - Risk-Based Trade Sizing

Calculate trade position size from account balance, risk %, entry, and stop loss. Runs locally in your browser with no uploads, so you can compare risk scenarios before you trade.

Compound Interest Calculator | Free APY & Investment Chart

Calculate compound interest from principal, recurring contributions, APY, and time. Visualize principal, interest, and final balance with a local interactive chart.

Online Loan & Mortgage Calculator - Instant Amortization Schedule

Use this Loan Calculator / Mortgage Calculator to estimate monthly payment, total interest, and an amortization schedule locally. Enter amount, rate, and term to calculate now with instant charts.

Online Investment & ROI Calculator - Compound Interest Visualizer

Use this Investment Calculator / ROI Calculator to estimate starting capital, monthly contributions, annual return, and inflation-adjusted results locally. Calculate projected returns with an instant compound interest chart, ROI, and yearly schedule.

APR to APY Calculator - Convert Nominal & Effective Rates

Use this APR to APY Calculator to convert between APR and APY locally. Enter a rate, choose compounding frequency, and see the effective interest rate, spread, and frequency comparison instantly.

Profit Margin Calculator - Margin vs Markup Converter

Use this Profit Margin Calculator to calculate gross profit, Markup, Margin, and selling price locally. Enter cost and price, or cost and target margin, then calculate your margins instantly.

CPM & CPC Calculator - Ad Spend and CTR Online Tool

Use this CPM Calculator and CPC Calculator to estimate ad spend, impressions, clicks, CPM, CPC, and CTR locally. Enter budget and target costs to plan campaign scenarios instantly.

Calculation Logic

  • Conversions implement standard RGBโ†”HSL and RGBโ†”CMYK math.
  • WCAG uses relative luminance and a contrast ratio.
  • Luminance can be expressed as (L = 0.2126R + 0.7152G + 0.0722B).
  • Contrast ratio: (\frac{L_1 + 0.05}{L_2 + 0.05}), then compare against AA/AAA thresholds.

FAQ

How to check if my colors are accessible (WCAG)?

Enter your colors and review the WCAG panel. We calculate contrast ratios against black/white text and show AA/AAA pass/fail.

How to convert HEX to CMYK for printing?

Type a HEX code (e.g., #FF0000). We instantly convert it into CMYK percentages for print design.

Is my data safe (local/privacy)?

Yes. Everything runs locally in your browser with no uploads or server storage.

Is it free? Any limits?

Itโ€™s free with no sign-up. Copy values anytime.

How is WCAG contrast calculated?

We compute relative luminance for foreground/background, then use (\frac{L_1 + 0.05}{L_2 + 0.05}) to get the contrast ratio and evaluate AA/AAA.