Colour Picker & Contrast Checker

Pick an opaque pixel from an image and check foreground/background contrast using WCAG relative luminance. See AA and AAA text thresholds.

Open the interactive workspace with JavaScript enabled. Preview and editing are free.

How to use Colour Picker & Contrast Checker

1. Upload an optional image or enter hex colours.
2. Choose the foreground and background colours.
3. Review the ratio and export a JSON report.

Output and supported files

Contrast report JSON. Use six-digit opaque sRGB hex values. This checks a colour pair, not the accessibility of an entire website or image.

Do my files leave my device?

Your file contents stay in your browser. Account, credits and tool-usage requests reach Oxodian.

Related tools

Files are processed on your device. Sign in for five daily free credits; one export or started session costs one credit. Unused daily credits do not roll over. Device and file limits apply.