The color reference
Everything you can do
with a color.
Open any of 81,000 colors into one page — conversions, harmonies, accessibility, shades, code and more. Start with a hex, a name, or a family below.
What you get
Eight tools, one page.
Every color resolves to a full studio. Each tile is live and copy-ready — jump straight to the one you need.
Identity & conversions
15+ formats — HEX, RGB, HSL, OKLCH, CMYK, Lab — with one-click copy and the closest named match.
Harmonies & variations studio
Generate shades, tints, tones, hues and temperature live. Add steps, push depth, copy the whole ramp.
Shades generator
A perceptual 2D OKLCH grid — up to 50 distinct shades, with format-aware copy and export.
Accessibility & vision
Live WCAG and APCA on light and dark, color-blind simulation, and a CSS filter recipe.
Meaning & inspiration
Psychology, symbolism and cross-cultural notes — what the color says and where it fits.
Code & tokens
Copy-ready CSS variables, a Tailwind scale, SCSS, design tokens and platform values.
Preview in context
See the color on real UI, text legibility, gradients and social cards before you commit.
Specifications & spot color
Print builds, color-space coordinates, and the nearest spot-color solid-coated inks.
Browse by family
Every family, in shades.
A perceptual 50–950 ramp for each hue. Click any step to open it, or the name for the base.