Pick colors, build palettes and generate CSS gradients. Works with color picker, hex to rgb, color palette generator. Free, private and runs in your browser — no sign-up.
Choosing colours is easier when you can see the values behind them. This tool picks colours and shows the HEX, RGB and HSL codes, pulls a colour straight out of an image, builds matching palettes and generates ready-to-paste CSS gradients.
They describe the same colour in different ways. HEX and RGB give the red, green and blue amounts; HSL describes hue, saturation and lightness, which is often easier to adjust by hand.
Load the image and use the eyedropper, then click the spot you want. The sampled colour appears in all three formats.
Yes. Set the colours and angle, then copy the generated background property and paste it into your stylesheet.
The tool shows the colours and their values. To check contrast for text, pair it with a contrast checker and aim for a ratio of at least 4.5 to 1 for body text.
Browse all free tools