TOP 7 Online Color Palette Generators

Colors, as one of the most important visual elements of web/app designs, can highlight web/app content and function easily, grab users’ attention quickly and influence the emotions of users. In other words, the colors and color schemes you choose for your web/app projects have a major impact on the entire design.

An online color tool allows designers to choose their desired colors/color schemes without installing any software. It can be accessed at any time or anywhere. In this aspect, it is very convenient for web/app designers. Here are a few widely-used online web-based/Cloud-based color tools for you:

1. Coolors - A good online color scheme generator with a low learning curve.

Coolors is a web-based color scheme generator which allows designers to create, save, share and export a color palette for their UI/UX designs. It has a very low learning curve for new users, especially for some UX/UI design beginners, as it has a simple user interface and considerate user guide.

If you use Adobe suits usually for design, this color tool is a good option since it supports Adobe programs. You can install it as an Add-on to the Adobe suite. It also has an iOS app.

2. AdobeColor CC - An advanced free color picker.

Adobe Color CC, previously called “Adobe Kuler”, is an advanced free color picker tool which allows users to build color schemes (up to 5 colors) with a color wheel and upload images to extract color schemes automatically.

If you are an Adobe user who wants to create a color scheme from an existing image, this free color picker is ideal.

3. Color Hunt – A free color palette tool to get color combination inspiration.

Color Hunt is a free and open color palette picking platform which allows designers and artists to choose their desired color palettes from a vast library. There are also multiple filters (including the “New”, “Trendy”, “Popular”, and “Random”) and a powerful search bar for designers to select a suitable color scheme or find color design inspiration with ease.

4. Material Design Palette - A simple website color tool to generate material design palettes.

With this Material Design Palette tool, designers can easily choose two colors to generate a desired material design palette, download and export the color schemes in different formats, including the CSS, SASS, SVG, XML and even PNG formats, etc.

This website also allows users to choose and download desired material design icons and colors as they wish.

5. Khroma - An AI color tool for designers.

Khroma is an effective AI color tool for designers to create their desired color combination for web/app projects. Users can easily create a color scheme with up to 50 colors.

Once the Khroma algorithm understands your color preferences, it will generate a seemingly endless array of color combinations in five different displays: type on a colored background, color blocks, gradient, two-toned photographs, and lastly, four-color palettes. It’s a great way to start refining your personal style.

6. Paletton - Use to create freestyle brand color palettes.

You can either opt for the predefined options, or go freestyle and create a unique color palette from scratch. You can tweak your palette with twenty-four preset effects, including bright pastel and dark neon. With Paletton, you can export your palette in several different formats, including CSS code and a color swatch PNG.

7. Canva Colour Palette Generator - an easy image color palette generator.

With Canva Color Palette Generator, you can easily upload images with simple drag-and-drop, pick colors presented in them, and create the best color palette for your web/app designs.

It is super easy to use.