Client-Side UtilityLocal memory execution • Zero server telemetry
Color Format Converter & WCAG 2.2 Contrast Checker
Convert colors between HEX, RGB, and HSL spaces with real-time relative luminance calculation and WCAG 2.2 AA/AAA accessibility scoring.
CMaintained by Color & Accessibility Tools
Published Last verified
Color Input & Picker
Preset Colors:
Color Accessibility Analysis
Awaiting inputEnter a HEX color code or choose from the presets to inspect contrast
Results, statistical ratios, and detailed amortization ledgers will appear here once values are provided.
Format Representations
Enter a color code to view HEX, RGB, and HSL formats.
CMaintained by Color & Accessibility Tools
Published Last verified
Calculation Methodology & Formula
Converts hex color channels to normalized sRGB and cylindrical HSL coordinates. Relative luminance follows the WCAG 2.2 IEC 61966-2-1 standard formula.
Contrast Ratio = (L1 + 0.05) / (L2 + 0.05)Worked Example: Brand Primary Teal (#0B6E6E)
Converting brand primary accent to RGB, HSL, and checking contrast against white background.
input Hex:#0B6E6E
Expected Outputrgb(11, 110, 110) • 4.79:1 Ratio (Pass AA)
4.79:1 passes WCAG 2.2 AA requirements for standard body text (minimum 4.5:1).
Technical Constraints & Limitations
- Calculations evaluate sRGB color space; Display P3 or Rec. 2020 wide-gamut spaces are mapped to closest sRGB equivalent.
Frequently Asked Questions
What is the minimum WCAG contrast ratio for body text?
WCAG 2.2 Level AA requires at least 4.5:1 for regular text and 3.0:1 for large text (18pt+ or 14pt bold). Level AAA requires 7.0:1 for normal text.