Colour Picker and Gradient Generator

Pick a colour, copy it as hex or RGB, and build a CSS gradient you can paste straight into a stylesheet. It is a small tool with no signup and no upsell: choose the colours, copy the two lines of CSS, close the tab.

How to build a CSS gradient

  1. Pick a start colour and an end colour.
  2. Adjust the direction and the stops until it looks right.
  3. Copy the generated CSS.
  4. Paste it into your stylesheet — it is plain `linear-gradient`, with nothing proprietary in it.

Last updated

Questions

What colour formats can I copy?

Hex and RGB for individual colours, and ready-to-paste CSS for gradients.

Can I save the gradient as an image?

Yes — export it as a PNG if you need the gradient itself rather than the CSS.