Devsdesk
← All tools

Color Picker & Converter

Convert between HEX, RGB, and HSL and check WCAG contrast ratios.

Pick a color and instantly see its HEX, RGB, and HSL representations. Compare two colors to check WCAG 2.1 contrast ratios for AA and AAA accessibility compliance.

HEX#22d3ee
RGBrgb(34, 211, 238)
HSLhsl(188, 86%, 53%)
AaBbCc 123

Contrast

10.96 : 1

  • AA (normal text 4.5:1): Pass
  • AA (large text 3:1): Pass
  • AAA (normal 7:1): Pass

FAQ

What's the difference between AA and AAA contrast?

WCAG 2.1 AA requires a contrast ratio of at least 4.5:1 for normal text; AAA requires 7:1. Large text gets slightly relaxed thresholds (3:1 and 4.5:1).

Related tools