Gradient Generator

Upload a photo and pick up to five colors to build a smooth gradient. Your image stays in your browser and is never uploaded anywhere.

Click or drag an image here

Selected colors

0 / 5

90°

CSS — OKLCH

Select at least two colors.

CSS — compatible version

Select at least two colors.

Flutter

Select at least two colors.

SwiftUI

Select at least two colors.

PNG size

Found a gradient worth keeping? Capture its colors anywhere with HuePort.