How-to use the Adobe colour picker to choose a colour palette

adobe colour picker

Helloooo! Here’s a fresh video for you today – it’s one of my favourite colour-picking tools that I share with my clients. There are lots of colour picking programs around, but I like sharing the Adobe colour picker because it’s easy to use and has some useful features – you can extract colour from your favourite image, you can tweak sample points, and you can save your palettes. (You can also share your favourite palettes with the Adobe community, and you can also explore other people’s palettes too.)

 

Enjoy!
Julie x

 

How to choose the perfect colours for your brand (Part 2)

perfect colour 2

 

What was your favourite colour as a kid? Mine was always yellow – I couldn’t finish colouring in a picture unless it had some yellow in it somewhere; it always just looked dull. These days, I’m much more open to all the colour combinations; each palette has its own particular mood to convey (but notice I’ve still got yellow in my branding, haha).

Carrying on from last week’s post (here), we continue looking at the multitude of ways you can use to come up with the perfect palette for YOUR brand.

You can make your own palette from scratch in various ways. As noted in the last post,  ColourLovers.com is a great place to go and play with colour. They’ve got a great online community there too, so you can share the palettes you’ve made, AS WELL AS apply them to patterns … also made by you! (and others. Go on, it’s totally addictive.)

HTMLcolorcodes.com  is a modern take on colour pickers, and it’s a bit geeky if that’s your thing. It provides you with the ability to make up you own palettes from scratch, and gives you auto options to choose more colours by changing the criteria (e.g. complementary, triadic, tetradic, etc), so I do feel it comes from a designer’s perspective, and assumes that you already have some knowledge of colour. Having said that, it does include some very nice tools, colour charts, and tutorials on using colour within HTML, CSS, and SCSS.

 

Extracting colour from a photo

One of my very favourite methods of getting a great palette is to find an image that really, really nails who and what your brand is. (It doesn’t matter if it’s not your image – you’re just using it for inspiration, and this exercise is a totally private one.) When you extract the colours from an image like that, it should be pretty darn close to the perfect palette for you. For example, if your biz personality is bright and fun, and you’ve got an image of a fairground on a sunny day, chances are you’ll find the colours that you need right there.

If it’s already a digital image, great. If not, get it onto your screen somehow. Next, go to any one of the many colour picker sites online – such as pictaculous.com, cssdrive.com, Lokesh Dhakar’s color-thief or palettefx.com. However, my fave picker is Adobe’s, at color.adobe.com and you’ll see why in a minute. (ALL of these generators will provide you with at least the hex-code of your colour – this is the 6-digit identifying number (denoted by the hash key #) so that you’ll always get EXACTLY the same colour every time you use it.)

Start by loading up your photo (on color.adobe, the link to load is at the bottom of the page), and let the generator do its thing. Now in Adobe, the big advantage is that once you’ve loaded up the image, it will show you the points it’s used for sampling – and you can move them around to tweak your palette. Alternatively, you can change the ‘mood’ from the drop-down menu on the left. Once you’re happy, you can either save it (if you’re an Adobe member), or click on the little colour-wheel icon on the right and it will take you to the colour wheel, where you can tweak some more, or just find the hex codes for the colours you’ve got. Easy peasy!

 

colourpicker1

using the adobe colour picker

 

colourpicker3

using the adobe colour picker

 

Some basic colour theory

There is OOOODLES of stuff about the theory of colour out there, and really, you don’t need to know anything beyond the basics.

The technical terms you will find most helpful are these –

* Hue is pure colour, and includes all the colours in the spectrum (red, green, blue, etc).

* Value is to do with how dark and light it is – from almost white to almost black.

* Saturation is to do with how pure the colour is – it runs in a scale from the purest colour, through to almost entirely grey. (Consider also, that each hue has a different value – red is much darker than yellow, and that is why when you change the saturation on each of those colours, a different grey value will result.)

 

 

 

 

yellow saturationred saturation

 

 

Start with the colour wheel, you The most basic method of choosing colours is to start by looking at the hue i.e. pure colour), and the relationships that you can form around the colour wheel.

 

colourwheel 500px

 

One method of choosing colour is to use balance. Pick two colours directly opposite, you’ve got balance. Make a symmetrical triangle, and you’ve got balance. Make a square or rectangle, and you’ve got balance. Tweak those hues with value and saturation, and you’ll still have balance.

 

Another method is to choose colours next to each other on the wheel – because they’ve got a hue in common, they’ll look good together. Again, tweak those hues with value and saturation, and you’ve got yourself a useful palette.

analogous

 

As noted, there are TONS of ways you can come up with colour; it entirely depends on your brand and what mood you want to convey, that fits your business personality.

 

A last word on choosing colours for branding.

A very important thing to remember when you’re choosing colours for your palette is that these colours will be used for all sorts of things – text, backgrounds, borders on images, highlights, buttons….. and so much more. SO you’ll need to make sure it’s a useful palette. Ensure you include at least one dark colour, and one light colour, and that there is enough contrast between the different combinations.

OK, have fun!

*

Oh, and p.s., I would LOVE you to tell me what your fave colour was as a kid, and if it’s still your fave now. Do you use it in your biz brand? Or would you consider it for your brand? Leave me a comment below, and tell me what your biz is, too! 

 

Colour-junkie Julie x

How to choose the perfect colours for your brand (Part 1)

How to choose the perfect colours for your brand

the perfect colour

 

I’ve loved colour forever. I used to spend hours dressing up my barbie dolls in fabulous costumes imagined out of scraps from my mother’s sewing. I wouldn’t make up stories for the dolls; of them going shopping, or being school teachers, or of being whisked away to a fabulous ball by a handsome stranger. No; I would simply sit there and try pattern against pattern, colour against colour. For hours.

Which all just goes to give you an idea of how crippled I was when I was trying to choose colours for my site. OMG, what the hell do I choose? I love …. everything….  .

More on me later.

 

You know, colour is just about THE biggest identifying feature people see when they first look at something, and can be a major consideration when they purchase something (acid green two piece suit, anyone?). And although I’m not suggesting that people won’t visit your site/read your blog because it’s not their favourite shade of blue, it’s still a pretty important factor in conveying the right mood – one that is not only expressive of your brand’s values and attitudes, but more importantly, one that’s in line with your audience’s expectations.

 

The Meanings of Colours

Now before I go too much further, I want to talk a bit about the meanings of colours. I would like to emphasise that colours have a wide range of meanings which vary from culture to culture and also with context, so don’t get bogged down in them. For instance, in Western cultures, red sometimes means danger, but in other contexts it is associated with Christmas. In China, it often symbolises good fortune and happiness, while in other cultures red is the symbol of mourning.

Here’s some very broad generalisations that may be used when it comes to branding (but don’t take them as gospel).

Blues and darker colours are often perceived at trustworthy and solid (think banks).

Blues and greens are seen as calming, especially pastel hues of mint and aqua.

Greens and browns are seen as earthy and natural.

Red especially, but also orange and yellow are often thought of as active colours.

Tertiary colours such as magenta (red-violet) and lime (yellow-green) are usually thought of as more youthful, fun colours.

I’ll stop there, because as I said these are broad generalisations, and in each case it also depends on how vivid the colour is, how light or dark it is, and what other colours it’s used with. (I’ll go over a bit of colour-combining basics for websites in the next post too.)

 

Stop crippling yourself and start choosing

How do YOU feel about colour? Same as me – like you’re stuck when it comes to choosing colours for your brand, because everything looks wonderful? Or, you find a great palette and love the colours, but it’s just not pinpointing the mood you’re looking for? Or, maybe you think you have very little confidence with colour, and just feel plain scared?

You know, it really doesn’t matter why you have difficulties choosing colour – the end result is the same; and that is that you can’t settle on anything. Fortunately, there’s a solution (or even two or three).

 

Work with your business personality

It helps if you have a clear vision of the mood/personality of your brand (so you know what mood you’re going to project). If you don’t, than have a stab at this – write a list of half a dozen words or more personality traits that you would like your brand to express. (Better still, read this article in order to get a grip on your business personality.) You can start with masculine or feminine, young or mature, then get a bit more specific with descriptors such as dreamy, modern, dramatic, or sentimental.

Next, keep those words in mind and go searching through places like ColourLovers.com or Design Seeds, and try and match your mood words to the colour palette you’ve chosen. These places have thousands of pre-made palettes that you can use for anything you want. Each palette lists the hex codes for each colour, so you can recreate them for yourself.

I especially like the Design Seeds palettes – although Jessica tends to create palettes based around gentle images of flowers, nature, and weathered textures, she has a great eye for extracting the colour essence out of a picture. (Each image is linked to the original post if you’d like to find out colour codes).

 

design seeds - flora hues

design seeds – flora hues

 

design seeds - color heaven

design seeds – color heaven

 

design seeds - color set

design seeds – color set

 

I know not everyone is as skilled as Jessica! Don’t fret – there are other ways you can find your own palette too; I’ll get to them in the next post.

So for now, I want you to go exploring. If you’ve found a palette you LOVE and want to show it off, leave a link in the comments. If you’d like suggestions for your website/blog/shop, leave a link and we can all have a look and make suggestions!

Oh, and my blog’s palette? Yes, this blog’s been through a few renovations and reincarnations. Fortunately, I’ve finally settled on something. Hells, it’s a rainbow of sorts – I just can’t help myself.

 

tractorgirl proportional palette

 

J x

 

*

{edit: You can read Part 2 on choosing the perfect colours here.}