Huescape Color Library

Every color in this library is a named swatch with a single value, a place in a family, and a page of its own. Opening that page gives the hex, RGB, HSL and CMYK readings, a tint and shade scale from 50 to 900, the contrast ratios against black and white, and the palettes the color already appears in.

This view gathers those swatches and deals them across the wheel: every step moves to another family and to another value, so a pale green sits beside a deep red rather than thirty more greens, and every family and every tint and shade is visible at once. Thirteen families are represented, from the grays and whites that carry most interface work through the blues and greens into the smallest, most specific families in the catalog.

The families are split the way the eye splits color, with grays and whites kept as families of their own rather than treated as an absence of hue. Within a family, swatches run from the lightest value to the darkest, which is the order that makes tints and shades comparable. If you already have a value in mind, the color converter turns it between hex, RGB, HSL, CMYK and a nearest named color, and the contrast checker will tell you whether it can carry text.