Why use our Color tools?
Three colour tools in one place for designers, developers and anyone who works with colour. The Color Picker lets you pick any colour and instantly copy its HEX, RGB and HSL codes — and on supported browsers you can even eyedrop a colour from anywhere on your screen. The Gradient Generator builds linear and radial CSS gradients with a live preview and ready-to-paste background code. The Palette Generator turns one base colour into a balanced set — complementary, analogous, triadic, tetradic or monochromatic shades.
Everything runs in your browser, free, with no sign-up — perfect for websites, UI design, branding, posters and social graphics.
How do I copy a colour code?
Pick a colour, then tap Copy next to the HEX, RGB or HSL value.
Can I create a CSS gradient?
Yes — open the Gradient tab, set your colours, type and angle, and copy the generated CSS.
What is a colour palette generator?
It builds a set of colours that work well together from one base colour, so your designs stay balanced.