5 Apps to Help You Choose Mesmerising Color Schemes

Multiple colour codes in hex format

When designing for screens (or designing anything really), there are right colours and then there are wrong colours. Even though the "right" colour for a brand may be…say…red, it's hard to observe the colourless design at hand and say: "Yep, this brand and their website needs to use red as their primary colour".

Which is why we tend to use colour scheme generators to speed up the design process. Not to choose the colours for us (that would be too easy!), but to inspire us (although a lot designers do assume that because a colour scheme looks amazing, that those are the right colours for the design you're working on).

What makes a terrific colour app is one that allows us to tweak the schemes to suit the design we're working on, something that goes far beyond a visually appealing list of trendy "flat design" colours. Let's take a look at 5 of the best.

1. Coolors

Link: Coolors

Coolors

Coolers is my first thought for colour experimentation, as not only can you rapidly cycle through beautiful colour schemes with the space bar, but you can customise them to your liking by tweaking the hue, brightness, saturation and temperature, and by toggling alternative shades. Plus, with the ability to save/export colours, and use a range of filters that help you cater for the eight different types of colour blindness, this tool becomes massively useful without being too difficult to use. Cool feature: there's an iOS version, a Chrome extension, and even an add-on for Photoshop and Illustrator.

Palettr

Link: Palettr

Palettr

Palettr is a very interesting app. Let's say that you have a vague idea in mind of what colours you'd want to use, but you need a little inspiration. What do your colours make you think of? A beach…so…yellows and blues? A city street…greys and blacks? Now this won't work in all cases, but if there's a specific keyword that comes to mind, search for it on Palettr and they'll locate images from 500px.com using that keyword, and extract the common colours from it!

3. Color Palette Generator by Canva

Link Color Palette Generator by Canva

Color Palette Generator by Canva

Color Palette Generator is a small web-app built by the talented Canva team that extracts common colours from images that you've uploaded, so if you have a design where the imagery/photography has already been decided and you're building colour schemes upon that (or you simply love the colours in the image), Color Palette Generator by Canva would be a very ideal solution.

4. Adobe Color CC

Link: Adobe Color CC

Adobe Color CC

Adobe Color CC, although not the most visually appealing of interfaces, offers a more professional toolset for colour mixing. If you know your analogous colours from your compound, complementary and triad colours, then this is the tool for you. Plus, if you're lover of other Adobe CC apps such as Illustrator, Photoshop, Brackets.io (Adobe's secret open-source code editor) and Adobe XD, you'll find that they seamlessly and awesomely integrate with Adobe Color CC.

Cool feature: community-made colour schemes.

5. Colordot

Link: Colordot

Colordot

Colordot is for those that really know their colours, or can identify the colour they're looking for when they see it. With every move of the mouse, a new colour is displayed on the screen along with its hex code (most colour scheme apps let you change this default setting if you're using RGBA though). Think: a huge interactive colour picker where you have full control! When you click (to select the colour), the screen is then split in half, displaying your chosen colour on one side and a new colour picker on the other side. Rinse and repeat until you have all of your colours, or select similar colours to compare them!

Bonus: Color Contrast Analyser

Something that you must think about when choosing colour schemes colours is how well they contrast with the other colours you're using, most notably how the text contrasts with the background. Well-contrasted text will boost the legibility and readability, and the ultimately the accessibility of the layout.

One app that I love using is the Color Contrast Analyser for iOS, which compares the colour contrast between two elements chosen by you and gives the ratio a pass or fail rating according to the internationally-recognised WCAG (Web Content Accessibility Guidelines) standards for colour contrast.

Many apps like this exist, but this one is my favourite.

While there isn't an Android alternative, there is a Color Contrast Analyser Plugin for Sketch, as mentioned in in our 5 Smashing Sketch Plugins article.

Are there any missing from this list that are aiding the colour choosing process in new, exiting and better ways? Let us know!