Check color contrast on your Mac, WCAG 2 and APCA
To find out whether gray text is readable on its background, pick both colors from the screen with SupaPick, then choose Contrast… in its menu. A small panel shows the WCAG 2 ratio, the APCA lightness contrast and a pass or fail for each WCAG level, next to an “Aa” preview of the pair. No web page, no typing HEX codes into two boxes.
macOS 14 or later · Signed and notarized by Apple · Free for 7 days · 14-day refund
How to do it with SupaPick
- Press ⌃⌥C and click the background. Press it again and click the text.
- Click the eyedropper in the menu bar and choose Contrast…. Your latest pick is the text color and the one before it is the background.
- Read the ratio, such as 4.54:1, the APCA value, such as Lc 63.1, and the AA, AA Large, AAA and AAA Large badges.
- Change either color from the pop-up menus, which list your recent picks, or click the arrows to swap text and background.
With what's built into macOS
macOS itself has no contrast checker. If you have Xcode, its Accessibility Inspector has one: Window → Show Color Contrast Calculator. It is built for checking app interfaces and lives inside a developer tool you open separately, and it gives a WCAG-style ratio but not APCA.
Web checkers do the math well, but you first have to get two HEX values off the screen and type them in.
SupaPick keeps the picking and the checking in one place. The panel works on the colors you just picked, updates when you pick another, and stays open while you click elsewhere. Close it with Esc or its close button. APCA's sign tells you the polarity: positive for dark text on a light background, negative for light text on dark.