CSS Gradient Generator

Build linear, radial and conic CSS gradients with a live preview.

Type

Angle · 90°

Color stops

100%

CSS

background: linear-gradient(90deg, #5b5bd6 0%, #22d3ee 100%);

Convert colors between HEX, RGB, HSL, HSV, CMYK and OKLCH, with a live preview.

Check WCAG contrast ratio between two colors and AA/AAA pass/fail.

Pick a color visually and read its HEX, RGB, HSL and OKLCH values.

Command Palette