Contrast-ratio Packages

Get the contrast ratio and WCAG score between common CSS color types.

Calculate contrast ratio between two CSS color strings.

Calculate the color in an array of colors that gives the highest contrast to another color.

ac-colors is a reactive JavaScript color library that can freely convert between RGB, HSL, HEX, XYZ, LAB, LCHab, LUV, and LCHuv, as well as handle random color generation and contrast ratio calculation.

Evaluate if a to colors have sufficient contrast to pass WCAG requirements.

SafeColor generates accessible colors that compiles with WCAG success criteria 1.4.3 (or any contrast ratio of your choice). It can generate either a random color that is contrast safe with a given color, or a consistent color for a given string.

Contrast Correct allows you to take arbitrary colors and modify them to be increase their contrast against any background.

Evaluate if a to colors have sufficient contrast to pass WCAG requirements.

Utility functions for working with colors in adherence to WCAG 2.1 guidelines.