www 101

All you need to know about the internet

Have a Question?

If you have any question you can ask below or enter what you are looking for!

Quick Tip: Create a Color Scheme From an Image

In this quick tip I’m going to demonstrate something really useful, a technique I use regularly: how to create a color scheme from an image.

Watch the Screencast

//fast.wistia.com/assets/external/E-v1.js

 

Why might you need this? Imagine, for example, that you’re doing some design work (web design, or print, or whatever) and it’s for something seasonal, like an event which takes place in autumn (or “fall”, depending on where you’re from). You could attempt to blindly create a seasonal color scheme based on your experience, or you could use the colors from a specifically “autumnal” image. After all, Mother Nature is a superb artist.

Using an online tool called HueSnap, that’s what we’re going to do.

HueSnap

As soon as you visit the tool, right off the bat you can choose from a huge selection of color schemes:

To create your own click Create Palette, then upload an image from your computer. Once your image is uploaded you can click areas of the image to pick colors from it–you’ll be given the hex and the RGB values of whatever pixel you clicked. When you’re happy with your color, hit the plus (+) button and that color will be added to your scheme.

Continue adding colors to your scheme by clicking on the image and confirming whenever you’re happy with what’s chosen. When you’re finished, you can save your scheme, though you will need to be logged in–either sign in, or create an account if needed.

You can alter your saved scheme, or create other schemes based on the colors you’ve selected. All in all, this is a quick and useful tool which will save you a lot of time if you’re in need of some color inspiration!

Useful Links