Color

Test various contrast methods to see whether a black or white foreground color provides the best contrast against a given background color.

Color scale generator by Hayk An

Create cohesive, consistent, and accessible color palettes

A guide on how to generate color palettes for design systems

Color-color is a tool to create accessible color systems for UIs. You can use Okhsl or HSLuv color spaces to create perceptually uniform colors.

Wide gamut Color 4 compliant CSS gradient builder.

Check the contrast between colors using WCAG or APCA and get suggestions for better colors if needed.

poline is lightweight, dependency free and fast JavaScript function written in TypeScript. It draws lines between anchors over polar coordinates to generate pleasing color palettes.

Create advanced CSS gradients

The 7-color palette and themes that power our new analytics experience

A library to aid in using colors

Discover beautiful color combinations your whole audience can appreciate with the click of a button. Try our free accessible color palette generator today.

d3-jnd: a D3.js library to support just-noticeable difference (JND) color calculations.

Pick colors using the Okhsv and Okhsl color spaces (based on Oklab).

Color & Contrast is a comprehensive guide to color for user interface designers.

Web site created using create-react-app

Alphredo generates translucent colors looking the same as their opaque counterparts when placed against the same background.

Our science-backed approach to updating a color system that supports over 100 products

Use LCH color space to come up with predictable and accessible color palettes

Create cohesive, consistent, and accessible color palettes

Reasonable Colors is an open-source color system that makes it easy to build accessible, nice-looking color palettes.

How to create a color palette for the data visualizations in your organization. (You won't find a more extensive guide on this topic.)

A CLI utility to calculate/verify accessible magic numbers for a color palette. - GitHub - darekkay/a11y-contrast: A CLI utility to calculate/verify accessible magic numbers for a color palette.