DevTools Logo

APCA Contrast Calculator

APCA Contrast Calculator

Measure perceptual contrast with APCA 0.1.9 and compare it with classic WCAG 2.1 ratios.

Color and type settings

Choose text and background colors. APCA is directional, so their order matters.

Related guides

Modern CSS Motion: Springs, Scrolls, Views & Contrast

Generate spring easings, APCA contrast scores, Core Web Vitals budgets, view-transition animations, and scroll-driven CSS timelines in seconds.

Related tools

Barcode Generator

Generate barcodes in 8 formats (CODE128, EAN13, UPC, and more) — configure line width, height, and text display, then download as SVG or PNG.

Base64 Image Encoder

Open the Image workspace in Base64 Toolbox to resize and convert images to Base64 data URIs, then copy HTML, CSS, Markdown or JavaScript snippets.

CSS Container Queries Lab

Generate CSS container queries and preview responsive component patterns

EXIF Viewer & Cleaner

View and remove EXIF metadata from images. See camera info, GPS location, and dates — then download a clean copy.

Favicon Pack Generator

Generate complete favicon packs with all standard sizes and Apple touch icons

Image Compressor

Compress JPEG, PNG, and WebP images in your browser. No uploads, completely private.