365Lab ColorCOLOR LAB
中 EN
Gradients

Gradient Library

Curated gradients, one tap to copy, browse by category or roll random.

Category

Tips

Angle

linear-gradient angle sets direction; 135° diagonal and 90° horizontal are common.

Landing

Great for backgrounds and buttons; keep text gradients readable with a stroke.

Related tools

Gradient

Build linear, radial and conic CSS gradients visually.

Color Picker

Fine-tune with sliders and read every format plus full scales.

Generator

Generate harmonious palettes from color theory, lock and export.

About this tool

📘

The gradient library collects hundreds of curated CSS gradients you can copy with one click.

  • Browse presets by style and click any gradient to copy its CSS.
  • Want to tweak the angle or colors? Paste the code into the Gradient generator to keep editing.
  • Every preset works directly for buttons, card backgrounds and covers.

Tips

💡
  • Click a card to copy the linear-gradient code into background.
  • Random gradients are great for inspiration; refine angle and stops after.
  • Keep text-gradient contrast safe, add a stroke if needed.