Color Picker & Contrast Checker
Pick colors, convert between HEX/RGB/HSL, and check WCAG contrast.
Foreground (text)
rgb(10, 10, 10)
hsl(0, 0%, 4%)
Background
rgb(255, 255, 255)
hsl(0, 0%, 100%)
The quick brown foxjumps over the lazy dog 0123456789Smaller text · regular weight
Contrast ratio
19.80 : 1
Normal text
✓ AA✓ AAA
Large text
✓ AA✓ AAA
🔒 Runs entirely in your browser.
WCAG contrast thresholds
- AA — 4.5:1 for normal text, 3:1 for large text (≥18pt or 14pt bold)
- AAA — 7:1 for normal text, 4.5:1 for large text
Contrast is computed from the relative luminance of the two colors, per WCAG 2.1 SC 1.4.3.
You might also like
- Color ConverterConvert any color between HEX, RGB, HSL, HSV, and CMYK in one place.
- Cache-Control Header BuilderBuild HTTP Cache-Control headers with presets for static assets, APIs, and private responses.
- CSS Specificity CalculatorScore one or more CSS selectors and see which one wins the cascade.
- HTML & CSS Formatter / MinifierBeautify or minify HTML and CSS — pretty-print messy markup, or shrink it for production.