How to Use
- Enter a color (e.g.,
#3b82f6) or use the picker. - Copy converted values (RGB/HSL/CMYK) instantly.
- Check WCAG results for black/white text readability.
- 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
Choose, drop, or paste an image to pick pixel colors locally, copy HEX/RGB/HSL values, and generate a dominant color palette.
Generate Lorem Ipsum as text, HTML <p>, or JSON arrays. Local-only, no uploads. Includes Chinese placeholder text and variable length controls. Generate now.
Calculate aspect ratios and missing dimensions fast. Runs locallyโno uploads. Includes TikTok/Reels 9:16 presets and CSS aspect-ratio snippets. Calculate now.
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.