Color Contrast Checker

Check WCAG contrast ratios for foreground and background colors locally in the browser, including AA/AAA for normal and large text.

Color Contrast Checker

The Color Contrast Checker validates WCAG contrast ratios between foreground and background colors locally in the browser, shows the ratio from 1:1 to 21:1, and reports AA / AAA results for normal and large text.

How do you use it?

  1. Enter foreground and background colors in HEX, RGB, HSL, or common CSS keyword formats.
  2. Review the live contrast ratio and AA / AAA status.
  3. Use the preview area to inspect real text readability.
  4. Copy the report for design handoff, frontend review, or accessibility notes.

Features

  • Calculates WCAG contrast locally
  • Checks AA / AAA for normal and large text
  • Blends transparent colors over white before calculation

Why use this tool?

  • Validate body text, buttons, links, and icon colors quickly
  • Reduce accessibility drift between design and implementation
  • Check colors in the browser without uploading data

Related Color Tools

GIF Maker

Convert static images or video clips into animated GIFs.

Image Resizer

Resize images in batches by pixels or percentage, with aspect ratio lock and local export.

Image to ICO

Convert images into ICO files for favicons and app icons, with multiple sizes packed into one file.

SVG to PNG/JPG

Export SVG files as PNG or JPG with custom size, background, and local download.

SVG Optimizer

Optimize SVG markup locally in your browser, remove extra metadata, and export a cleaner SVG file.

EXIF Viewer

Read EXIF, GPS, camera, and shooting metadata from images locally in your browser.

Image Metadata Cleaner

Remove EXIF, XMP, ICC, and other metadata from JPEG, PNG, and WebP images locally in your browser.

Image Palette Extractor

Extract dominant colors, ratios, and palettes from an image, then export HEX, CSS, or JSON locally.

Color Picker

Pick colors from manual input, your screen, or uploaded images locally in the browser, then copy HEX, RGB, HSL, HSV, CMYK, and CSS values.

Color Converter

Convert colors between HEX, RGB, HSL, HSV, HWB, LAB, LCH, CMYK, and CSS keywords locally in the browser with bidirectional updates and alpha support.

CSS Gradient Generator

Build linear, radial, and conic gradients locally in the browser with editable color stops, live preview, and copy-ready CSS output.

CSS Box Shadow Generator

Adjust box-shadow offsets, blur, spread, opacity, radius, and inset locally in the browser with live preview and copy-ready CSS output.

HTML Color Names

Browse and search common HTML / CSS named colors locally in the browser, then copy the color name, HEX, or RGB value.

Favicon Generator

Generate common favicon assets, site.webmanifest, and HTML include snippets from one source image.

Gemini Watermark Remover

Remove Gemini visible watermarks locally in your browser, with batch processing and downloads.

Image to AVIF

Convert PNG, JPG, and other images to AVIF in batches with quality, scaling, and ZIP export.

PNG Compressor

Compress PNG files while keeping PNG output, with scaling, color reduction, previews, and ZIP download.

Image to WebP

Convert PNG, JPG, and other images to WebP in batches with quality, scale, previews, and ZIP download.