Components

A tool to calculate the contrast ratio between any two valid CSS colors.

Color combination contrast tester

Create high contrast version of your project with ease.

Advanced javaScript color picker and color conversion / calculation (rgb, hsv, hsl, hex, cmyk, cmy, XYZ, Lab, alpha, WCAG 2.0, ...)

Generate beautiful, accessible color palettes

Foundation A11y-Compliant Color Palette Picker

Calculate the WCAG contrast ratio between 2 colors.

This is the prototype for ChromaFocus LITE, a next-generation color-picker for contrast and colorblindness, which is now moved to a new repo (sorry for inconveniences). It will be periodically updated to reflect ChromaFocus LITE's codebase. ChromaFocus PRO (due in mid 2018) will not be posted at this location.