Luminance Packages

A React hook for using luminance,support React18

Color converter for JavaScript/TypeScript

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

Relative luminance formula

Compare colors to one another. Especially useful for validating color input fields.

See Stars • a lightweight set of utilities to take an sRGB or displayP3 color, and extract the CIE Y relative luminance, and then convert to CIE L* (perceptual lightness). Takes RGB colors as simple arrays (as created with colorParsley). Bonus utilities t

Allows you to control Hue, Saturation, and Relative Luminance as if it where a color space. Inputs are the Hue, Saturation, and Relative Luminance of a color, and output is an array of RGB values ranging from 0 to 1, 0 to 255, and a string containing the

A lightweight library for color calculation and generation

A utility library for calculating luminance, contrast ratio, and appropriate contrast colors to ensure web accessibility.

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

APCA: the Accessible Perceptual Contrast Algorithm, a modern contrast method that improves readability contrast on self-illuminated displays. Developed for the W3C's WCAG 3 and other standards.

Calculate theme contrast based on canvas image data

Library for converting colour codes and manipulating relative luminance and contrast ratio

The Color Contrast Finder is a library that automatically selects text colors that contrast with a given color.

A package based on WCAG 2.0 to easily check contrast ratio.

Helps to determine what color of text goes best for a given background, light or dark (and vice versa).

For a given color, find a contrasting color (not optimal).

Delta Phi Star is a general purpose method of determining perceptual lightness contrast developed by Andrew Somers (Myndex Research), and is a sibling of APCA and SACAM. It is a simplified method using easily invertible standardized maths, however it lack