Create a color palette for your next project using these free tools! techyourblog

35 Free Tools for Choosing Your Website’s Color Scheme

Shares keep this blog alive...Share on StumbleUpon9Tweet about this on Twitter7Pin on Pinterest3Share on Facebook0Share on Google+0Share on LinkedIn0

Why you need to take color seriously

The world we’re living in is an increasingly visual place. There’s so much information at our fingertips that we have moved away from careful reading, and moved toward “scanning.”

We expect to be able to get a sense of an overall product, website, or brand by just looking at it, without much investigation.

Did you know:

  • “80% of clients think that color is responsible for brand recognition” (source)
  • Purple is associated with respect, and the color red can raise your heart rate (see more at digitalinformationworld)
  • Color choice can increase readership up to 40% (source)

Color is powerful.

Check out this infographic at Branding Magazine for more info on the relationship between color and brand.

Your color scheme can have a big impact on your business.

…and by business I mean blog, because TechYourBlog, obvi!

Just kidding, it actually applies to any business – but this is a blog for bloggers, so it’s an important reminder.

Be Picky.

You’ve no doubt seen those websites where someone just chose every color that they loved and plastered them everywhere. Did you think it looked nice? Really pretty? Probably not.

It may even have affected the way you thought about their professionalism or stopped you from becoming a regular reader.

As I mentioned in a previous post – people like pretty pictures, but what that really boils down to is this: Our eyes (or actually our braaaaiiiinnssss *zombie voice*) create specific reactions to certain visuals, and a massive part of that is color combinations.

To help you narrow down an awesome color scheme for whatever project you’re working on, I’ve put together this GIANT list of color-pickers and color scheme tools that are guaranteed to make the process of choosing color palettes easyaspie, and also pretty rad.

For a better overall understanding of graphic design to make the most of these tools check out this list of 26 awesome graphic design resources.

I’ve actually gone through and used EVERY. SINGLE. ONE.

There are 35 tools here specifically made for the sole purpose of creating awesome color schemes, and I used all of them.

I’m about ready to go stare at a white wall to give my eyes a break, but I wanted to make sure that all the tools here were truly valuable.

There are some others out there that didn’t make the list because either 1) they didn’t deliver enough value or 2) the user interface just wasn’t up to par.

These are the best the web has to offer for color-picking tools. And yes, they’re all free!

Jump to a certain section:

Browse Specific Colors | Color Wheels | Unique Color-Pickers & Palette Inspiration | Purely Palettes | Color Tools that are Outside the Box

I hope you guys enjoy them!

The List

Browse & Pick Specific Colors

Flat UI Color Picker

flat UI color-picker: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

This is a color-picker with a straight-up beautiful layout. It’s inspired by “flat” UI design and lets you scroll through large squares of color with all the info you need to use them (including a name) on each square.

 

0to255

0to255: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Sometimes you want to stick within shades of the same color – for instance, if you’re creating a gradient and have one color, but need a lighter version of it to complete the gradient – and 0to255 is made for just that. Pick a color, paste it in, and they’ll show you all the variations of that color, and their hex numbers for easy copy-and-paste.

 

Color.Hailpixel

Color.Hailpixel: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

A color picker with a seriously cool design. The color of the screen changes as you move your mouse, and once you find a color you like, just click, and it will place it off to the side for you, so you can continue picking new colors and see them side-by-side.

 

ColourCode

colourcode: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Color.Hailpixel’s big brother.

A very similar interface with extra options for those that wanna get fancy!

 

Material Design Colors

Material Design Colors: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Picking colors doesn’t get much easier. This is just one page with a ton of color choices, and all you have to do is click! It automatically copies the color code for you so you can paste it wherever your heart desires.

Color Wheels

Adobe Color Wheel

Adobe Color Wheel: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

This handy little tool lets you mess with color combinations using a variety of settings. It will let you choose color schemes with options like “complementary” so you the color choices automatically adjust for the best fit. It’s intuitive and also highly customizable.

 

Paletton

paletton: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

The Paletton color-picker displays a several small squares within a large square, allowing you to adjust the different colors via a color wheel and see how they work together. It was made specifically to find colors that work together so you can choose how many squares of difference colors are displayed, making it easy to compare complex color schemes.

 

Color Scheme Designer

colorschemedesigner: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Paletton’s sister app, Color Scheme Designer focuses on showing you a range of different color schemes, with different options for the points of focus to create complimentary or analogic color palettes, plus more. The colors you choose show up side-by-side in a box on the page, so you can see exactly how they’ll look and easily choose a color-scheme for any project.

 

Colorspire

Colorspire: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Colorspire is a great web design tool. It displays a website-like graphic and you get to choose which colors go where, so it’ll give you an idea of what your website will look like with x-background-color + y-widget-area-color.

Tip: Use one of the other tools that focuses on great color schemes, then once you have a color scheme you like, go insert the colors into colorspire, and see how you feel about them with the website visual. 

 

Color Sphere

colorsphere: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

An in-browser tool that’s simple (big) design makes it easy to manipulate to find the perfect color combo.

 

Color Sphere (Chrome App)

colorsphere chrome app: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Color Sphere’s app will run offline if you need it to. It helps you choose color palettes, find complimentary colors, the hex codes for adding a color to your website, will export colors to apps like Photoshop, and even simulates colorblindness!

 

Hex Color Scheme Generator

Hex Color Generator: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

For those who don’t know, hex colors are what you use when adding color schemes to website code. The tool was made specifically for that purpose.

Choose a color from the color wheel and it will display several corresponding colors and their hex values for you to choose from.

Non-Traditional Color-Pickers + Color Palette Inspiration

ColorRotate (web and iPhone)

colorrotate: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

This tool has an interesting 3D design to it. You can create your own color palette or browse ones that other people have made. There’s also an iPhone app version, but its’ not free, just fyi.

 

Colrd.com

colrd: Palettr: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Colrd is a website with a load of color scheme tools attached to it.

You can browse color palettes created by other people, or you can create your own. It has options to create color palettes, choose just one specific color, make a gradient, or – one the coolest tools in my opinion – get “image DNA” from a photo. Meaning you get a color palette based on a picture.

 

Coolors

Coolors: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

This is a color-picker that designers can appreciate. It functional, and also has a super-modern feel.  It’s “generator” has a similar look to Color.Hailpixel but functions differently, letting you adjust things like “hue” and “saturation” in a toggle bar, and also lets you browse through pre-made color palettes in the “browser.”

 

Colr

colr: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

A cool little tool that lets you choose a photo and (on hover) displays swatches of all the colors used in the photo. It breaks down the colors in the photo for easy selection, and then displays the color hex, and gives you the option to find similar colors. This is marketer more for interior design, but can be useful for any number of color-picking jobs.

 

ColorExplorer

colorexplorer: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

A website with several tools dedicated to color-schemes.

You can create your own palette, select a color and see more colors it works with, upload a photo for color-analyzation, or look up a website to analyze, plus more. There are a lot of useful features in this place.

 

Color Blender

colorblender: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Color blender creates a selection of colors for you based on two colors you initially choose. You decide how many “mid-points” you want – aka colors in between you starting color and ending color – then click blend, and BOOM you have a pretty new palette.

Purely Palettes

HTML Color Codes Color Picker

HTML Color Picker: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

An easy to use tool for picking great color palettes.

It has a nice user-design to make picking color palettes super easy, you get to choose how many different colors you’re looking for, plus it has an awesome explanation section below the color-picker.

 

Pictaculous

pictaculous: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

This one may be of particular interest to bloggers.

Pictaculous lets you upload a photo, then displays options for a color palette. So if you have an idea of what sort of images you’ll be using on your blog, you can upload a couple here and see what other colors you should incorporate into your blog design.

 

Color Extraction

colorextraction: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Another very useful option for finding and grabbing colors from your images. Upload a photo and this tool will give you a color palette based on the photo.

 

Color Palette Generator

colorpalettegenerator: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

One more for good measure! Another good option for getting color palettes from a photo – but instead of uploading, you paste the image location into the generator. It’s super-simple, just paste in your image url and go!

 

Palettr

Palettr: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Such a cool palette-picker here, guys!

With Palettr you type in a keyword (I used “China” – yes it can be a place) and the site finds a bunch of awesome color schemes for you and provides the hex codes.

 

Color Hunter

colorhunter: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Color Hunter is purely a palettes-based site. There’s no color wheel, but it gives you a way to find good color-schemes fast. You can choose colors by hex number, a tag or upload an image.

 

ColorMunki

colormunki: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Another excellent choice for color palettes. A simple tool that lets you choose from a library of color swatches and add them to your palette on the top of the page. Alternatively, you can check out palettes by other users, or select a color and choose to search for other colors that are in “harmony” with it.

 

BrandColors 

A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

A MASSSIVE collection of color palettes used by the world’s biggest brands.

Is there a company whose brand design you really like? Check this directory to see if their colors are listed – chances are good they are.

 

Cohesive Colors

cohesivecolors: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

This is a unique little palette-picker. It takes color a color palette that you choose, and overlays it with another single color to create a more “cohesive” color palette.

 

Material Palette

materialpalette: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

A flat UI design much like the one in the Flat UI Color Picker at the beginning of this list – but this one creates palettes with multiple colors in it from your initial selections. Once created you can download the palette or even tweet it!

Color Tools That Are A Little Outside The Box

MultiColr

MultiColr: Palettr: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

This tool is technically a search engine – but a search engine for color! MultiColr searches thousands of creative commons images based on a color palette of your choosing. You can refine the images even further by keyword.

It’s a really cool way to find pictures that fit your color scheme!

 

Color Hexa

colorhexa: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

This site has ALL THE INFO for picking color schemes.

Pick a color, any color! Then let this site tell you everything you ever wanted to know about that color, including what other colors it will play well with it.

It will also let you create gradients or blend colors, and give you the color codes for each variation.

 

CheckMyColours

checkmycolors: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

CheckMyColours is an odd, interesting, and potentially very useful tool. Simply type in the URL of  website and it will analyze things like color contrast and brightness, giving you a more data-driven view of your website’s design. This is probably more useful for web designers and bloggers who have a more technical understanding of their site’s design.

 

Shutterstock Spectrum

Shutterstock Spectrum: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

A similar tool to MultiColr, but you choose the color by a slider and the results are stock photos for sale on Shutterstock.

There are some really pretty pictures guys. It’s very satisfying to just stare at them.

 

ColorZilla

colorzilla: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Ever see a color on a blog or somewhere around the web that you really want to copy? ColorZilla is your answer. It lets you pick colors from your browser on Chrome or Firefox (please tell me you’re not using Internet Explorer!) and lets you copy the color info – such as the hex number so you can use it in Photoshop or web design.

 

SpyColor

spycolor: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand. http://www.techyourblog.com

Sometimes you need an in-depth look at the colors you’re using.

Maybe you have the RPG color code, but you need the hex number of a certain color. SpyColor will display all other info related to a color for you, so you have everything you need to use that color in any project, whether it’s painting your house, or using it in a website.

 

Designinspiration

DesignInspiration: A site included in this list of the 35 best Color-Picking tools on the web. Find a color scheme for your blog or brand.

This is an awesome website just to grab some inspiration, for color palettes or design in general. Choose your color palette and click “search” – designspiration will grab hundreds of amazing pictures with a similar palette for you to draw some inspiration from.

Thinking of revamping your blog’s brand? Check out these helpful posts from other bloggers:

Keep an eye on the colors!

Why There is Nothing Wrong with Taking a Step Back to Refocus Your Brand – PaintedSummers.com

How to Start Branding Yourself and Your Business – BetterLookingBiz.com

Designing Blog Post Templates – WhiteOakCreative.com

Any last words?

Are there any other color-pickers or design tools out there you’d add?

What has your experience been with choosing a color scheme?

*There may be affiliate links in this post. There may not be affiliate links in this post. Life’s full of mystery. And hopefully pizza.

Create a color palette for your next project using these free tools! techyourblog

Shares keep this blog alive...Share on StumbleUpon9Tweet about this on Twitter7Pin on Pinterest3Share on Facebook0Share on Google+0Share on LinkedIn0

About the author

TYB

A sarcastic introvert with a blogging compulsion and a tendency to pet ALL THE DOGS.
Problem-solver, critical thinker, tech-enthusiast, occasional artist, very-expensive-piece-of-paper-holder (aka my Psychology degree.)
Fan of chai tea, hard cider, and new places.

View all posts
  • Oh my! I’ve been looking for something like this because I want an accent color. I love what I’ve currently got so I don’t know if I’ll throw in another color or not but I’m going to play around with this. I’ve changed my blog design so many time. One thing I’ve not veered away from in the two years at least is the color. So thanks for doing the research! I see one up there I like “as is” but really don’t feel like changing my logo to match even though it’s no biggie. You’ve got a new follower. I tried to write a tech blog, it’s hidden on my site, some people still find it googling for whatever. But I only write it in now for squarespace users then I share it with the online community.

    • That sounds like a cool idea, Kenya. I agree I really like the colors of your site but an accent color might give it a nice “pop!” I’m so glad the list could help! Sticking to one blog design is haaard lol. I’m sure I’ll be changing mine again.
      And thank you SO much for subscribing! Feel free to drop me an email if there’s anything I can do to make TechYourBlog more valuable for you 🙂