CSS Gradient Generator

Design a linear gradient and copy the CSS.

Quick answer: Generate beautiful CSS linear gradients online. Visually design color transitions, adjust angles, and copy the CSS code instantly.

Color 1

Color 2

Angle: 135°

cssbackground: linear-gradient(135deg, #0B5FFF, #A21CAF);

Visually design a linear gradient between two colors at any angle, with a live preview, and copy the ready-to-use CSS.

How it works

It controls the directional vector: 0deg flows bottom-to-top, 90deg flows left-to-right, and 135deg creates a diagonal sweep.

This generator targets the most common two-color use case. To add more stops, simply inject extra colors into the CSS string manually.

Yes. The `linear-gradient` specification is universally supported natively across all modern browsers.

JSON Formatter & Validator

Format, validate, and minify JSON with precise error messages.

Base64 Encode / Decode

UTF-8-safe Base64 encoding and decoding in the browser.

Password Generator

Strong random passwords from a cryptographic source — never sent anywhere.

Unix Timestamp Converter

Epoch seconds/milliseconds to human dates and back — with live now.

Regex Tester

Test regular expressions live with match highlighting and flags.

JWT Decoder

Decode and inspect JWT header, payload, and expiry — locally.