About this color & contrast tool

Pick a color or type it in any common format — #0984e3, rgb(9, 132, 227) or hsl(206, 92%, 46%) — and get all three representations with one-click copy. The contrast section computes the WCAG 2 contrast ratio from relative luminance and shows pass/fail badges for the four thresholds: AA normal text (4.5:1), AA large text (3:1), AAA normal (7:1) and AAA large (4.5:1), with a live text preview on the actual color pair.

Handy when choosing accessible text/background pairs for websites, dashboards and slides — a color pair that looks fine on your monitor can still fail AA for users with low vision. Everything runs client-side. Related tools: Resistor Color Code Calculator and JSON Formatter.