Grab Color Palette from Any Image

Often you may be tasked with getting a sense of dominant colors in an image.

When you're going to use an image in a design project, it is natural you'll want to use colors that are dominant in that image.

This gives a sense of continuity in your work, and viewers like that.

The tool I'm going to explain in the video lesson below is an excellent aid in grabbing dominant colors from any image.





Video Transcript

Hello, welcome to this video lesson. If you are a designer, one of your main targets will be to use colors diligently…as any situation demands.

In the previous lessons I have shown you a couple of very useful tools. Here I’ll show you a nifty tool, Color Thief that automatically creates a palette of main colors from any image.

Let’s dive in.

Color Thief actually uses JavaScript and canvas tag to create the color palette. You can install the script on to your computer. Just head on to this GITHUB page, and download and install the script to your computer.

http://lokeshdhakar.com/projects/color-thief/

You may not need to install the script. In that case you have to use the tool online. This is what I am going to show you now.

In this image let me simply click on this circle. Color Thief goes to action, and immediately produces a color palette as you can see here.

This is the dominant color, occupying 62ms space in the image. And these are the 9 other main colors in the image in order of diminishing importance from left to right. These 9 colors together occupy 162ms space.

Let’s see another example. Here the dominant color is this deep green. And below this are the 9 other important colors grabbed from the image.

Okay, how about checking out your own image. Yes, you can do that.

Here, on to this area, let me drag a picture from my computer. This is a picture of koala. And what are the main colors in the image?

Here they are. All the colors are mainly shades of brown.

So there you are. This is a useful tool which makes it easy to color-test any image before it is used. Pinpoint accuracy, no guesswork!

Hope you like my tutorials.

Thanks for watching.

Complete and Continue  
Discussion

0 comments