Simplify the work for designers, marketers and SMM-specialists
Try for free
Gradients.app — Color Wheel
Color Wheel
Gradients.app — Palette from photo
Palette from photo
Gradients.app — Generate color palette
Generate color palette
Gradients.app — Generate gradient
Generate gradient
Gradients.app — Radial Gradient Generator
Radial Gradient Generator
Gradients.app — Create Mesh Gradient
Create Mesh Gradient
Gradients.app — Contrast checker
Contrast checker
Gradients.app — Color shades generator
Color shades generator
Gradients.app — Image color picker
Image color picker
Gradients.app — Mix colors
Mix colors
Gradients.app — Color converter
Color converter
Gradients.app — Average color from image
Average color from image
Gradients.app — Blob generator
Blob generator

Gradients.app — Pick colors from photos, generate your color palettes, gradients, and color combinations

Get the palette from a photo

Gradients.app — Get the palette from a photo

Get the palette from a photo

Get the 10 primary colors of an image and information about each, including shades and the opposite palette. Download or save color palettes for your projects.

10 palette colors

Easily get the basic 10 colors of a photo or picture

Download the result

Download a color palette or a palette with an image

Get color information

Shades of your colors and the opposite palette

Save your palettes

All palettes will remain in your personal cabinet

Palette from photo
Gradients.app — Get the palette from a photo

Generate beautiful gradients

14 426 667
generated gradients
Copy CSS code
Download in FHD
Publish to the general feed

Create beautiful gradients in FHD quality. Get CSS code and use it in your web projects. Share your work and get inspiration from other users.

Gradient generator

Make the text prominent and contrasty

The headline is clearly visible
The text in this background is a good example of contrast, because it stands out in the background and is easy to read.
6.49:1

Choose contrasting text and background colors. We can help you choose harmonious color combinations and improve readability.

Check contrast

Create your own palettes

Generate and create from scratch palettes for your projects

Generate palette

Media

Itten Color Wheel: Basics, Applications, and Tips
Itten Color Wheel: Basics, Applications, and Tips
Color Models: RGB, CMYK, HSB, and LAB
Color Models: RGB, CMYK, HSB, and LAB
Warm and Cool Colors: How They Affect Our Perception
Warm and Cool Colors: How They Affect Our Perception
How to Choose Font Color: Tips for Better Readability
How to Choose Font Color: Tips for Better Readability

Hello,
nice to see you!

google login
github white login github black login
yandex login

Forgot Password?

Enter the email address you used when you joined and we’ll send you instructions to reset your password.

Create
a new account

Password mismatch

Any ideas or suggestions? 💡

Write to us, we'll try to implement them or correct any mistakes. Google Form

Introducing Mesh Gradients

We've added a mesh gradient generator and a new mesh library for you to enrich with your gradients. Now you can create beautiful abstract gradients, download them, copy their CSS codes, save them in your personal dashboard, and add them to the public library.

We will soon add a radial gradient generator!

Mesh Gradients