colorContrast.js WCAG Color Contrast Library Demos

Download This Plugin Back To jQueryScript

Check WCAG contrast, choose readable text colors, analyze CSS colors and palettes, and inspect DOM elements with a dependency-free ES module.

Contrast pair

contrastRatio · meetsContrast · bestTextColor
Accessible type should feel effortless.—

Color profile

parseColor · analyzeColor · backgroundTone

Palette matrix

analyzePalette · contrastMatrix

Transparency and page elements

compositeColors · getBackgroundColor · analyzeElement · applyBackgroundTone
This rendered text is checked using its computed font, foreground, and layered background.
Composited visible color—