Generate random colours and get each one in HEX, RGB and HSL at once. Lock the colours you want to keep and reroll the rest until the palette works – a fast way into a new colour scheme.
HEX, RGB and HSL – what is the difference?
HEX is the compact notation used in CSS and design tools, for example #8B5CF6. RGB describes the same colour as amounts of red, green and blue from 0 to 255. HSL expresses it as hue, saturation and lightness, which makes it the easiest of the three to adjust by hand.
If you want a lighter version of a colour, HSL is the shortcut: keep the hue and saturation and raise the lightness. Click any value to copy it to the clipboard.
Build a palette with locks
Lock a colour you like and generate again – only the unlocked ones change. Locking one colour at a time lets you work your way towards a palette that hangs together, instead of rerolling everything and starting over.
Colours are generated through HSL with saturation and lightness kept within useful bounds, which avoids the muddy greys and browns that fully random RGB values tend to produce.
Frequently asked questions
- How do I copy a colour code?
- Click the value you want – HEX, RGB or HSL – and it is copied to your clipboard.
- Can I save my palette?
- Lock the colours you want to keep and they stay put when you generate again. Copy the codes to keep them permanently.
