Overview

Vesper Colors is a free color accessibility tool available on iOS, macOS, and the web. It lets you check any foreground and background color pair against WCAG 2.2 AA and AAA contrast standards instantly - no account required, no limits, no paywall. The web tool also includes a palette viewer and detailed color profiles.

What Vesper Colors does

Enter two colors - a foreground and a background - and Vesper Colors:

• Calculates the exact contrast ratio between them
• Shows a pass or fail result for each of the four WCAG 2.2 checks: AA Normal, AAA Normal, AA Large, and AAA Large
• Renders a live text preview so you can see how the colors look together
• Lets you preview the pair across five color blindness vision types
• Shows the pair applied to real UI components: navigation bars, hero sections, forms, footers, data tables, and charts
• Generates a shareable link to the exact pair

Palette Viewer (web)

The web tool includes a palette viewer at vesperapps.com/colors/view/. Build and edit multi-color palettes with up to 24 colors, check WCAG contrast for each color against white, light grey (#efefef), dark grey (#333333), and black, and export as JPG or SVG. Palettes are encoded directly in the URL - no account or storage needed.

Color Profiles (web)

Every color has a dedicated profile page at /colors/view/[hex]. Profiles show color values (HEX, RGB, HSL, CMYK), WCAG contrast results, color blindness simulation, shades, tints, tones, hues, temperatures, and color harmonies.

Where to find it

• macOS menu bar app - download Vesper Colors for Mac from vesperapps.com/colors. A lightweight tray app that sits in your menu bar and opens a compact contrast checker popover on click. No browser tab needed.
• iOS app - coming soon. The app includes a Check tab, a Preview tab, and an About tab.
• Web tool - use it directly at vesperapps.com/colors. No installation needed.

Getting started

1. Open Vesper Colors on iOS or at vesperapps.com/colors.
2. Tap or click either the foreground or background swatch to open the color picker.
3. Enter a hex value or drag the picker to select a color.
4. Read the contrast ratio and WCAG results instantly.

Or tap any of the ten starter pairings at the bottom of the Check view to load a pre-built color pair and start exploring from there.