Every colour, with the code you need
Open any shade to get its HEX, RGB, HSL and CMYK values, eight colour harmonies, 48 CSS gradients and hand-checked pairings — all copyable in one click.
Gradients of the day
A fresh selection, rebuilt every day from the catalogue
What ColorTag is for
ColorTag is a reference for people who work with colour every day: interface designers, front-end developers, illustrators and anyone preparing a brand for screen and print. Each colour page gathers what you usually look up in five different tools: exact values in every format, contrast against white and black with WCAG levels, harmonies, ready-made pairings and ideas for interface states.
Every value is calculated from the colour itself, so the numbers are consistent across the site. Alongside the catalogue we publish practical guides that explain the reasoning behind the numbers: why a palette works, how contrast is measured and why a colour looks different on paper.
Guides
All guides →Longer reads about colour theory and practice
Collections
Collections →Colours group themselves by hue, tone, temperature and how they behave in an interface
Colour catalogue
1,654All 1654 shades, sorted the way designers usually look for them