Colour Palette and Gradient Maker

Find matching colours and make a CSS gradient.

How to use

1. Pick a colour.
2. See matching colours and press one to copy its code.
3. Add a second colour and copy the gradient CSS.

Questions and answers

Is my file uploaded?

No. Everything happens inside your browser. Your file never leaves your device.

What is a hex code?

It is a six-letter code for a colour, like #1d4ed8, used in websites and design tools.

Related tools

• JSON Formatter and Checker
• CSV and JSON Converter
• Text Compare (Diff)
• Find and Replace in Text

See all: Text and data tools