Gradient maker
Design a gradient, then take the code. Drag the stops, add more colours and switch between linear, radial and conic.
Drag a stop to move it. Click the bar to add one. Select a stop and press Delete to remove it.
Get the code
Type
Shape
Blend colours in
Colour stops
Start from a preset
More colour tools
Every tool runs in your browser. No sign-up needed.
Palette generatorGenerate palettes with the space barImage palettePull colours from any photoColour pickerFormats, shades and harmoniesColour libraryBrowse thousands of named coloursGradientsBrowse ready-made gradientsGradient paletteBlend colours in even stepsContrast checkerWCAG pass or fail in one glanceTailwind shadesFull 50 to 950 colour scalesPalette visualizerTry colours on real layoutsColour botChat for colour ideas