Which gradient types are supported?

The generator supports linear, radial, and conic CSS gradients.

Can I add more than two color stops?

Yes. Add stops, choose each color, and set each stop position from 0 to 100 percent.

Yes. The copy button writes a complete background declaration using the current gradient.

Yes. Type, angle, colors, and stop positions are encoded into the page URL.

Yes. The latest gradient state is saved in local browser storage and restored on reload.

Create harmonious 5-color palettes with copyable HEX, RGB, and HSL values.

Pick a color visually and copy developer-ready values.

Convert HEX into RGB, convert RGB back to HEX, and process bulk color lists.