In website design, the choice of colors is crucial to provide an optimal user experience and obtain a good conversion rate, just as it is important to choose the right colors for a logo .

However, it is not always easy to find a palette of harmonious and complementary colors to dress up a site.

Fortunately, there are some very handy tools that do this for you.

1. ColorPalette.net

Palettedecouleur.net free color palette selection tool

PaletteDeCouleur.net offers several hundred modern palettes. Each palette is composed of 5 colors. A click on a color instantly copies its hexadecimal code to be able to integrate it without wasting time into your graphics and web designs.


To help you make your selection, the site offers filtering by color.

Find pallets

2 . Coolors

Coolors is an ultra-easy to use color palette generator.

Press the space bar to see a random color palette

Continue until you see a color you like and click on it to lock it

Press space again to see complementary and harmonious color schemes around the locked color

Good to know

Coolors is also available as an iOS mobile application and as a Google Chrome extension.

Find a service provider for free and receive around fifteen quotes in a few minutes

3. Adobe Color CC

Adobe Color CC is one of the best tools for finding a harmonious color palette.

Offered by the creators of the famous Adobe suite, this site allows you to find complementary colors very intuitively.

Several “rules” can be set to obtain a personalized color scheme: monochrome, triad, composite…

4. Paleton

Paletton is another indispensable tool for finding harmonious hues and shades.

Play with the outer part of the wheel to define one or more main colors depending on the chosen mode (monochrome, triad, etc.)

Use the central part to bring in shades and secondary colors.

All with a real-time preview, very practical.

5. Colordot by Hailpixel

color hailpixel

The Colordot site offers an original way to explore a color palette. You will be able to discover the hexagonal colors in a really intuitive way.

It’s simple, just move your mouse to make the window change color. Click: the color is saved and placed aside so that you can select a complementary shade. Practical and fun!

6. TinEye

TinEye also offers a somewhat different concept since this site allows you to search for images under Creative Commons license according to their color :

Select 1 to 5 colors (in the small square on the right)

Manage color proportions

Add tags to refine the search according to the themes that interest you

Thanks to this tool, you will be able to find royalty-free images perfectly adapted to the color palette of your site.

7. ColoRotate

ColoRotate is not the easiest tool to use on this list, but it has the merit of being very complete.

With its 3D color wheel, it allows you to create your palettes in an original way.

Register on Codeur.com to be alerted when a client is looking for a service provider with your skills.

8. Checkmycolors

Checkmycolors lets you inspect the foreground and background colors of your website to assess its readability.

It focuses in particular on the contrast and the difference in brilliance between the colors.

9. Designspiration

Designspiration is an inspiration site allowing you to consult hundreds of photos and visuals as well as the colors that compose them.

You can search by color or theme.

10. Flat UI Colors

Flat UI Colors, color palette

Flat UI Colors makes it easy to choose matching colors, offering you 13 harmonious palettes. Choose your palette then click on the color of your choice to copy the hexadecimal code, RGB or RGBA, to your clipboard. All you have to do is paste it into Photoshop or your CSS file!

With these 10 tools, you will be able to create a harmonious and adapted color palette for your website.

Need an aesthetic, personalized and professional site? Simulate the cost of a web design change and  hire a freelance web designer on Codeur.com.

online storage Previous post Online storage: for Easter, the pCloud Family plan is at -79%
photography schools Next post A complete guide to sports photography

Leave a Reply

Your email address will not be published. Required fields are marked *