DESIGN TOOLS

Adjust the style and take the result with you.

Create frequently used design values—from gradients and shadows to border radii and aspect ratios—with a live visual preview.

QUICK DEMOFrom adjusting values to copying CSSSee how design values are applied to a real preview.

CSS GRADIENT

Gradient generator

Adjust the colors and direction to create a background style.

Type

Angle135°

Start color

#3C63FF

End color

#B56CFF

End color position100%

Background preview

Generated codebackground: linear-gradient(135deg, #3C63FF 0%, #B56CFF 100%);

COMMUNITY VOTE

Vote totals are public, and each Google account gets one vote.

Refresh to see the latest votes from other visitors.