The quick color guide
Everything you need to know, minus the jargon.
So, what is this thing?
It's a color slot machine for designers, developers, and anyone stuck staring at a blank canvas. Every pull gives you fresh colors, each with codes you can paste straight into CSS, Figma, or your slide deck.
Getting the most out of it
The colors everyone knows
Most of the world gets by with a dozen names. Here are the usual suspects, with a typical shade of each.
RGB and Hex: one color, two ways to write it
Screens make color by mixing red, green, and blue light. Each channel gets a number from 0 (off) to 255 (full blast). That's RGB. Hex is the very same recipe written in base 16, so each channel fits into two characters (00 to FF) and the whole color becomes a short code starting with #.
Tints and shades
Take any color and you can make a whole family out of it. Stir in white and you get tints: softer, airier versions. Stir in black and you get shades: deeper, moodier ones. The hue stays the same, only the intensity changes, which is why they always look good together.
Handy for: hover and pressed button states, subtle backgrounds, borders, charts, and dark mode.
How many colors can it pick from?
That's 256 levels of red × 256 of green × 256 of blue. Every combination has an equal chance, so you could pull the same color twice, but odds are about 1 in 16.7 million.
Fine-tune mode draws from a slice of that total, depending on the hue, saturation and lightness you choose. A smaller pool means more consistent results.