Gradient Background Image Maker

Free tool for creating original gradient images.
Customization is possible through intuitive operations while viewing previews that are reflected in real time.
Gradients can be created by selecting from three types: linear, circular, and fan-shaped.
Color transparency is also supported, and a transparent gradient can be overlaid on the uploaded image.

Customization

Reset

・Type

Linear Radial Conic

・Direction

deg

・Shape

EllipseCircle

・Size

closest-sideclosest-cornerfarthest-sidefarthest-corner

・Start Angle

deg

・Center Position

X：%

Y：%

・Repeat

Repeats when the first stop to the last stop is less than 100%.

Color Setting

• Add a new color stop at the clicked position
• Drag and drop handle left and right to adjust position

▼

▼

Unit：%

Reverse

▼ Edit selected color

・List View

• %

  #22d3ee

• %

  #8b5cf6

・Convert to OKLCH

・Background Image Setting

Preview

Display Size: NaN%

▼ Image Setting

Width：px

Height：px

Download PNG