colour catchup: slideshare

6/14/12 color harmony « My World of Colour

1/14myworldofcolour.wordpress.com/category/color-harmony/

Just another WordPress.com weblog

Colour Catchup: SlideShare

January 16, 2012I realize I haven’t been keeping up with the blogging so here is a bit of catchup. A little while ago,I posted three presentations on SlideShare (http:/www.slideshare.com) which I’d like to share withyou. <insert drumroll>

Three presentations on Colour Theory… “Everything You Know About Colour is Wrong”series.

Everything You Know About Colour is Wrong 1 is basic colour theory:Everything You Know About Colour is Wrong 1(http://www.slideshare.net/daxxtr/everything-you-know-about-colour-is-wrong)

Everything You Know About Colour is Wrong 2 is expanded colour theory:Everything You Know About Colour is Wrong 2(http://www.slideshare.net/daxxtr/everything-you-know-about-colour-is-wrong2)

Everything You Know About Colour is Wrong 3: Colour Harmonies is colour harmonyand how to build one:Everything You Know aBout Colour is Wrong 3(http://www.slideshare.net/daxxtr/everything-you-know-about-colour-is-wrong-colour-harmony-6268140)

Because life is colourful,

Daxx

Ps. Comments would be appreciated.

Leave a Comment » | Adobe, Adobe Swatch Exchange, Canada, color, color harmony,ColorSchemer Studio2, colour, colour harmony, swatch, theory, Uncategorized | Tagged: color,colour, learn, presentation, Slideshare, teach, theory | Permalink

Posted by daxxter

Colour Harmony – What is it and where do I getme some?

April 28, 2010Welcome to the confusing world of colour harmonies. Essentially a straight-forward subject,



colour harmony has become more complex and confusing than ever before… and it shouldn’t be.Usually technology has a way of simplifying things, making it easier for everyone to easilycomprehend the topic it is enhancing. This is not one of those instances. You’ll see what I meanlater. First let’s begin with what colour harmony (or a colour scheme) is.

If you’re asking “what is it?”, then you’re like most people. What you may not realize is that youuse colour harmony every day. You just have no idea that that’s what you’re doing. You do itwhen you get dressed and match your shirt with your pants, socks, shoes, belt and tie; or whenyou decide which flowers to plant in your garden and imagine how all the colours will look whenthey’re grown. You do it when you put your makeup on (for those that wear it) and you do itwherever colour choices are involved. Every time you buy a new shirt, you always think aboutwhich pant you can pair it with. You’re thinking about the colour harmony.

Artists and designers do it all the time. Artists will chose colour combinations that control eyemovement in their compositions. Web designers do it to make colours work together in a web

page or graphic. Colour choice is so important to anyone working in web design. It affectseverything and can be the deciding factor of whether your web design works or fails in itsintention. People in advertising know about colour harmony. They use it to convince you to buythings and it works. They know that an ad created in striking colour harmonies will not onlycatch your attention, but provoke you to read it. That’s one foot in the door, for them and youhave no idea how many times you’ve fallen for it.

So okay, what is it exactly?Colour harmony is organizing colours in a pleasing manner following the rules of harmoniccolour and there are 10 of them. It’s pure aesthetics at its basic level. Before anything is created,it’s figuring out which colours you will use. You need at least two colours to build a harmony, butyou can start with one as a base colour. Everything else has to do with the relationship that colourhas to all the others, and where they fall on the colour wheel.

(http://myworldofcolour.files.wordpress.com/2010/04/all_harmonies-111.jpg)


LEGENDThese colour schemes are built using the 12-hue colour wheel, also known as the artist’s colourwheel. The first colour wheel shows the harmonic rule in its purest form. The second wheeldisplays the same rule with the inclusion of tints (addition of white) and shades (addition ofblack). There are obviously hundreds more colours available to use, but for the sake of simplicityI’ve reduced the black and white variations to 4 hues per colour. The last group of colours are thecolours chosen. Each of these images enlarges by clicking on them.

The 10 different types of colour harmonies can be placed into 2 families.



1. Related color harmonies - A colour scheme which utilizes a single hue or similar hues


ACHROMATICA colour scheme that contains various shades and tints of whites, blacks and grays, but no colour.


MONOCHROMEA colour scheme of a minimum of three hues, which uses one base colour with individual tints,shades and tones of that colour.

(http://myworldofcolour.files.wordpress.com/2010/04/all_harmonies-04-analogous.jpg)

ANALOGOUSA 3 colour scheme which makes use of adjacent hues in which there is an identifiable commonhue (e.g. yellow, yellow-orange and orange). Or at least 1/4 of a colour wheel. This object of threecolours spins around to any three colour selection of the same intensity and can move in (addingwhite) and out (adding black) while retaining its structure.

2. Contrasting colour harmonies – Colour schemes which use two or more hues, with at leastone warm and one cool colour.



(http://myworldofcolour.files.wordpress.com/2010/04/all_harmonies-05-contrasting.jpg)

CONTRASTINGThis colour scheme uses 2 hues which are not related and not quite complementary, provided thescheme includes one cool and one warm hue usually includes a hue which is one step away fromthe complement. (e.g. yellow and blue-violet). This object spins around to any two colourselections with one hue always to the left or right of its complement. It can also move in (addingwhite) and out (adding black) while retaining its structure.

(http://myworldofcolour.files.wordpress.com/2010/04/all_harmonies-06-complementary.jpg)

COMPLEMENTARYA colour scheme that uses 1 colour plus it’s opposite on the colour wheel. This object spins aroundto any colour, it’s complement should be directly opposite. It can also move in (adding white) andout (adding black) while retaining its structure.


(http://myworldofcolour.files.wordpress.com/2010/04/all_harmonies-09-double-complementary.jpg)

DOUBLE COMPLEMENTARYA colour scheme that uses 4 hues, including two adjacent hues and their respective complements.(e.g. yellow, yellow-orange, purple and blue- purple. This object spins around to any four colourcombination hues. It can also move in (adding white) and out (adding black) while retaining thisstructure.



(http://myworldofcolour.files.wordpress.com/2010/04/all_harmonies-07-split-complementary.jpg)

SPLIT COMPLEMENTARYA colour scheme that uses 3 hues which include a base hue and the two hues on either side of itscomplement. This object spins around to any three colour combination hues. It can also move in(adding white) and out (adding black) while retaining this structure.


(http://myworldofcolour.files.wordpress.com/2010/04/all_harmonies-08-triad.jpg)

TRIADA colour scheme that uses 3 hues which are each 1/3 around the colour wheel. This object spinsaround to any three combination hues, while retaining this structure. Each arm can move in(adding white) or out (adding black). The two arms that are not the base colour can moveindependent of it while retaining this structure. Moving the base hue in or out, adjusts the twoother hues proportionately.

(http://myworldofcolour.files.wordpress.com/2010/04/all_harmonies-10-tetrad.jpg)

TETRAD (aka Double Split Complementary)A colour scheme that uses 2 base hues which are 1 colour apart and include their complements.(e.g., red, green, yellow and purple). This object spins around to any four colour combinationhues. It can also move in (adding white) and out (adding black) while retaining this structure..

So, now you know what designers know about colour harmonies, but how do you use that



information to generate harmonies? Typically, artists and designers use colour wheels to figureout colour harmonies that work. I myself have used wheels similar to the second wheel containingtints and shades with center pieces that spin around, similar to the objects used in the first wheel.Today, most of us will use digital software or websites that do exactly the same thing. Here aresome examples.

Many of you will probably have heard of Kuler (http://kuler.adobe.com/) at Adobe.com. It’s agreat idea and you can specify harmonies based on monochromatic, traid, complementary,compound, shades and custom. These are all 5-colour harmonies that begin with a base colour.You can create and save your harmonies online and then download them as an Adobe SwatchExchange (ASE) file which can be imported into any Adobe product.

One of the best ideas at kuler was adding keywords to the swatch selections. I’ve always seencolour selection as something organic and keyword searches adds the words that most people willuse to describe colours. This means you can search for other swatches using descriptive words like“spicy”, “vanilla”, “corporate” or “summer”. It’s free to create an account and it costs younothing. Even if you don’t use the ASE files you can generate, you can always go back to yourcolour selections and visually match them to swatch books onscreen.

Here’s walk-through of building colour harmonies based on a single hue, using Kuler.

(http://myworldofcolour.files.wordpress.com/2010/04/bcobaltmint_.jpg)

I started with a single hue… cobalt blue. I imported a Flickr image I found by searching for“cobalt blue”. I wasn’t concerned with any other colour in the image. This was the first set ofcolours it pulled from the image. I named it CobaltMint and made the blue my base colour. Thisis considered a custom mix because it doesn’t follow any harmonic rule.



(http://myworldofcolour.files.wordpress.com/2010/04/bcobaltmint_analagous.jpg)

Once that was done, it was easy to edit my swatch as a new set. From here, you click on any ruleto generate a harmonized set of hues.

(http://myworldofcolour.files.wordpress.com/2010/04/c01kuler_analogous.jpg)

Analogous – Download the swatch here (http://kuler.adobe.com/#themeID/880541) from Kuleror here (http://www.colourlovers.com/palette/1169818/Cobalt_Analogous) from COLOURlovers.

(http://myworldofcolour.files.wordpress.com/2010/04/c02kuler_mono.jpg)

Monochromatic (http://www.colourlovers.com/palette/1169818/Cobalt_Analogous)

(http://myworldofcolour.files.wordpress.com/2010/04/c03kuler_triad.jpg)

Triad (http://www.colourlovers.com/palette/1169818/Cobalt_Analogous)



(http://myworldofcolour.files.wordpress.com/2010/04/c04kuler_complementary.jpg)

Complementary

(http://myworldofcolour.files.wordpress.com/2010/04/c05kuler_compound.jpg)

Compound

(http://myworldofcolour.files.wordpress.com/2010/04/c06kuler_shades.jpg)

Shade

Kuler is by no means perfect. I’ve listed, what could be reduced down to, 7 traditional colourharmonies near the beginning of this post. Kuler really fulfills only 4 of them. Harmonies can bebetween a minimum of 2 colours (as in a complementary colour harmony), but Kuler wants aminimum of 3 colours to be able to share it in the public realm. You can create them, you justcan’t share them. The lack of contrasting, double complementary, split and double splitcomplementary, triad and tetrad colour harmonies is a little disheartening. It means if you werelearning this stuff, you’d only be learning half of what you should know. Another thing is itcannot select colours from an image and then re-adjust the hues to their closest match following aspecified colour harmony. The compound and shade rules they offer… I’m not sure how theycould help anyone trying to figure out colour harmonies.

Here’s something else I found at Kuler. Take a look at this colour combination. According toKuler, they are analogous to each other.

(http://myworldofcolour.files.wordpress.com/2010/04/kuler_analogous2not.jpg)



(http://myworldofcolour.files.wordpress.com/2010/04/kuler_analogous1not.jpg)

I so disagree with this. If yellow is my base hue, how can this blue be analogous to yellow when itcontains no yellow whatsoever? Something’s rotten in the state of Kuler, methinks. Which meansif you use Kuler for colour theory, do it at your own risk. It’s clearly not as perfect as everyonewould like to think. I’m not one for sitebashing, but please don’t promote this as a learning tool,escpecially when it comes to colour theory.



(http://myworldofcolour.files.wordpress.com/2010/04/dcolorschemer-studio001.jpg)

Harmonies from the desktopOne of the best pieces of software for generating colour harmonies from the desktop isColorSchemer Studio 2 (http://www.colorschemer.com/), available in mac or pc flavors. It’seasier to save your selections in groups and re-organize them in any way you see fit. It also goesone step further than Kuler, with the addition of being able to to create split complement, tetradand triad harmonies. You still can’t generate contrasting, double or double split complementaryharmonies, but that may come in time. You can use the HSB sliders to add white (S) or black (B)or change the hue altogether (H). That’s flexibility that Kuler doesn’t offer. You can also save yourswatches as ASE files just like Kuler and because it’s from the desktop, it’s far faster than Kuler.You can also select more than 10 colours! The harmonies are still single-hue based, butColourSchemer is still far and away easier to use than Kuler.

For me, ColorSchemer is crack. It’s loaded with lots more features such as the interactive layoutpreview where you can drop swatches onto heading and type and boxes to see what they will looklike, LiveSchemes, ColorMixer, Contrast Analyzer, the Randomizer, Make WebSafe function, thebuilt-in ScreenPicker that allows you to select a colour straight from your screen, variations andnot to mention the ability to flip between RGB and CMYK! Like I said, far and away…



(http://myworldofcolour.files.wordpress.com/2010/04/colorschemer-studio001.jpg)Look! This is ColorSchemer allowing me to select more than 10 hues! I started with the 10 it selectsfrom the image and then after modifying some of the hues, added them manually. There are 15colours here! I can add or delete them as I see fit. I can import all of them into whatever I’mworking on and try out each one before I keep or delete it. That’s the kind of flexibility I love insoftware. Because it’s standalone, I can do this anywhere without going on the net. To be clear,these colours do not follow any harmonic rule, they are simply sampled from the image, but eachcolour can be saved and then a harmonic rule can be applied to them later to build a set ofharmonic swatches.







Another great feature is it’s connection to COLOURlovers.com(http://www.COLOURlovers.com). It’s an entire web community of people who love colour.ColorSchemer allows you to connect to their website and download or your harmonic creations.You can also join their forums and just yak your heart out about colour, and who wouldn’t wantto do that? Everyone has a viewpoint about colour. The community over at COLOURlovers ishuge. It’s about fashion, design, web, print, home, patterns, swatches, and palettes… all to dowith colour. They even have a great section on colour trends. It’s life, living with colour! Whatamazes me about this site is the scope of people that go there. Just like life!

Because life is colourful

Leave a Comment » | Adobe Swatch Exchange, color, color harmony, ColorSchemer Studio2, colour, colour harmony, graphic design, Kuler, swatch, theory | Tagged: Adobe SwatchExchange, ASE, color, color characteristics, color harmony, ColorSchemer Studio 2, colour, colourharmony, cool colors, cool colours, Kuler, swatches | Permalink

Posted by daxxter

192 4 Colour Harmonies

February 7, 2009If you’ve ever heard of Adobe Kuler (http://kuler.adobe.com/), you’d know that it’s a websitethat enables you to create, share and download colour harmonies for web and print. Kuler hasalways used a 5 colour combination and on occasion, I’ve need 4. So here are 192 colourharmonies sets, based on 4 combinations.

They are in CMYK and I’ve added keywords to define them. They are in one complete ai filebecause to be honest, I couldn’t be bothered setting them all up in swatches. There are 16 sets of



12 combinations each. And as a word of warning, the file uses a generic CMYK colour profile.

Here is a sample of one set of swatches per category.

Also here is a screen cap of the illustrator file itself…



You can download the file here (http://pages.total.net/~daxx/4_Colour_Harmony.zip).

Because life is colourful.

2 Comments | color, color harmony, colour, colour harmony, designer, graphic design,swatch | Tagged: colour, illustrator, swatches | Permalink

Posted by daxxter

Theme: Contempt by Vault9.Blog at WordPress.com.

colour catchup: slideshare

Documents