Color theory part 1

The Nuts and Bolts of Color Theory

August 30, 2019

Part 1 of a 2-part series

Color is one of the most complicated and subjective topics in art. So I’m going to try to summarize it in the shortest terms possible.

First off, I’ll skip covering the color wheel, the scheme types, and color symbolism here; this is just about the nuts and bolts of applying color to your drawings.

You could say representational painting is a process of rendering forms, then painting light over them. This is sometimes literal, in the case of artists who proceed in sequence from pencil sketches to line art, to flat colors, and then highlights and shadows; or not, in the case of artists who jump right in and paint everything from intuition, starting with blobs of color and refining them down. (Note: Wacom Cintiqs are great for this.)

But either way, your piece is still composed of objects defined by their shapes and local colors, with light providing the rest of the visuals.

What Is Color, Though?

Maybe it helps to know how we see colors before you try to represent them.

A photon is the tiniest particle of light, and each one has a color. White light is the result of photons of all colors hitting your eyes at once, and most light bulbs emit a mixture of so many colors that they’re almost white, as does the midday sun.

Any prism in the rainbow

Any Color You Like

When a photon is shot out of a light source, it hits the first object in its path. The atoms of the object’s material eat up most photons, but spit some out in our direction, making up what we see as that object’s base color, or “local color.”

The Two Colors

When a photon leaves the object that ptui’ed it out, it joins the other-colored photons bouncing around the room to form the combination that hits our eyes. So, essentially, the color we see an object as is a mixture of its local color and the color of the light around it. It will retain some of the light’s original color, too—so a yellow streetlight shining on a red fire truck will strike our eyes as orange.Orange Yellow

 

…However, we’ll still know it’s red: Your brain’s amazingly capable of identifying an object’s local color in different lighting conditions by comparing it to its surroundings. This is called color constancy.

Color Constancy sm

From James Gurney’s Color and Light

Trippy, right? That leads us to another concept called…

Color Relativity

…Which is the last concept in reverse: Surrounding a color by certain other ones can cause us to perceive it as an entirely different hue.

Munker Illusion

A “Munker Illusion:” All of the circles are the same color, only their positions on the lines are different. Image by David Novick of UT El Paso.

“Cool story, but how does this affect my art?”

Simple: These are the most basic principles you have to take into consideration while painting.

That’s why—until you develop an intuition for mixing local and light colors—I recommend you paint with the first method from the intro: Starting by drawing out the subject’s form, then using the fill tool (or a large brush) to add local colors, then moving on to painting light and shadow colors over them.

Additional light sources will add more colors, and as a beginner, it might be impossible to guess the exact hue a red fire truck under a yellow streetlamp on a blue-moonlit night will end up as. But by painting the yellow highlights and the blue shadows using layers at half (or whatever) opacity over the local red, you can let the process determine it for you.red, yellow, orange, gray

 

Weird.

Color relativity is also very useful in picking color schemes and choosing where to use which shades. For example, on a subtler level than the Munker Illusion, cool colors surrounded by warm colors will look more darker or more drab; warm colors surrounded by cool colors will pop more. This can help you decide where to place certain lights and objects in the painting, and even create the illusion that there are more colors within a limited palette than there actually are.

This forms the foundation of color harmonies, combinations that look pleasing to the eye. This is due to some complicated psychology and wavelength stuff, which I mentioned I had to leave out, but see the “homework” section.

…It’s also why great colorists, such as master painters, will mix in splotches or overlays of different hues to create a more pleasing visual effect, even if they realistically wouldn’t be there.

Creating Harmonies

Oh yeah, speaking of that, you shouldn’t be adhering directly to realism. That little overview of how color works in the real world was only a guide to make sure that you have a solid foundation on which to modify it and mix your own.

A fixation on the exact shades things are “supposed to be” will hold you back. Personally, it was one of my biggest obstacles to learning digital painting for years. “I’ve colored this fire truck red, but is it the exact right shade of red? If I get it a bit off, did I draw a bad fire truck?” But that was as ridiculous as it now seems writing it out: In your world, there’s no reason a fire truck has to be a perfect #CE2029. It can be any variation you want as long as it still reads as red, and you can and should adjust it to work better with your palette.

Sometimes, less is more. One of digital art’s biggest upsides—the fact that we have a choice of unlimited colors at hand with a click—can prove a double-edged sword for new artists. A smaller palette creates harmony and encourages creative changes to the color of objects and light.

Paradoxically, when creating a colorful piece, you want to reduce the total number of colors used: this keeps it from losing its unity. E.g., try consolidating all of the light blues into your scene into one light blue that you use everywhere, using the eyedropper to make sure that you get the same shade every time.* Tamping down the number of colors in your piece and focusing on blending the ones you have will give you a much stronger and better-mixed piece.

*There are some artists who will paint their palette in a separate layer off to the side of the canvas for this reason.

Now Pick A Palette

“If you choose your colors ahead of time, you’re more likely to end up with nice, pleasing color schemes than if you were to just dive right in and start picking colors randomly,” says Ctrl+Paint’s Matt Kohr.

So here’s an exercise I’d like you to try: Next painting, pick five colors and use only them for everything. (You are also allowed black and white.) It doesn’t matter what the subject is, and you shouldn’t pick it based on your palette, since this is meant to open your mind to coloring possibilities: if you just want to take a grayscale painting and color it this way as practice before you move on to do it for real, that also works.

How do you pick the exact shades? I can’t answer that for sure without a color theory section that would quattuordecimtuple* this article’s length. So instead, I’ll teach you to cheat. Gasp!

(*14x.)

There are online utilities like Paletton and Adobe Color that present you with a color wheel and automatically apply theory principles to generate a five-color palette based on a base color you select.

 

There are also palette libraries like Colrd and Color Hex Palettes, and plenty of artists share their palettes on Deviantart and Tumblr in the form of jpegs you can eyedropper from.

 

From A.R. Mundy on Deviantart

Image credit: A.R. Mundy on Deviantart

 

How are you supposed to do a whole painting without every possible shade you could need? Simple: mix them and do some improvising. A small range of colors, blended in different ways, can create a much wider range: remember how it only takes three to make up the whole spectrum of visible light?

Homework

Just as important to understanding color are many concepts I had to leave out, many quite fundamental. So here are some optional assignments to give you a more holistic view of color:

  1. Look up the definitions of “analogous,” “triadic,” “tetradic,” “complementary,” and “split complementary” color schemes.
  2. Try coloring a drawing with pre-made palette from one of the sites above that wasn’t made for digital art, but UX or graphic design. See how the results are different.
  3. Read a few articles on color psychology. Note what feelings and concepts each color commonly represents.

Sources:

About the Author: CS JonesCS Jones

CS Jones is a Philadelphia-based freelance writer, illustrator, and occasional photographer. He spends his spare time listening to Spotify and waiting for trains. Someday, he’ll finish that graphic novel. In the meantime, his work is best seen at thecsjones.com or @thecsjones on Instagram.

Website

Instagram

Related posts:

What will be the top branding trends for 2025?

What will be the top branding trends for 2025?

Comparing Affinity vs. Adobe for designing a bookmark, with Vivienne Le

Comparing Affinity vs. Adobe for designing a bookmark, with Vivienne Le

Connected Ink 2024: A Day in the Life of Independent Jewelry Designer Quincy Vadan

Connected Ink 2024: A Day in the Life of Independent Jewelry Designer Quincy Vadan

Connected Ink is Back with More Ways to Enjoy the Creative Chaos 

Connected Ink is Back with More Ways to Enjoy the Creative Chaos 

Finance with Klarma

Shop now pay later with Klarna.

Only on the US eStore.

Shop now>

Connect with Wacom on social media

#BlackFriday Deals 🖤🎁🛒⁣⁣
Looking for the perfect entry level tablet? Learning to use a tablet couldn't be easier than with One by Wacom. ⁣
Head to our Amazon store to get it at our lowest price ever! ⁣
⁣
Also check out Wacom accounts in your region to find what Black Friday exclusives we have in your area. ⁣⁣
#christmasgifts #holiday #deals #shopping #amazon #wacomsale
72 0
Add a dash of magic to everyday moments🫖⏱️🥃🥄🃏✨
Our friend @monsieur_arefin shows us that sometimes all we need is already around us. Look around and reimagine the ordinary.
It's amazing what a glue gun and some editing can do 😍
Stay tuned for part two! 2️⃣✌🏾
#madewithwacom #photoediting #artistlife #artistsoninstagram #inspiration #ConnectedInk2024
302 9
Today @aaronblaiseart takes us through the process of how he animated Snowbear. From story boards and rough animations to adding color and more. 🐻‍❄️
Head to Wacom's YouTube to watch the full video and get a glimpse of what it's like to animate an entire short film on your own! 
#animation #2danimation #aaronblaise #MadeWithWacom
563 13
Black Friday Deals are here 🖤🎁🛒⁣
Head to our Amazon store to discover our exclusive #BlackFriday deals. ⁣
Whether you're a beginner artist or a pro, we have something for you!⁣
Head to the link in our bio or our stories to save! ⁣
Also check out Wacom accounts in your region to find what Black Friday exclusives we have in your area. ⁣
#christmasgifts #holiday #deals #shopping #amazon #wacomsale
112 2
Hey 👋 Artists of Europe!

We’ve got some exciting news for you! 🎉 Wacom Europe now has its very own INSTAGRAM ACCOUNT — created just for YOU!

Follow @wacomeurope and get ready for:
✨ Creative tips & tricks
🎨 Get inspired by incredible artists
📅 Stay updated on local events
💡 Enjoy exclusive promotions

Let’s celebrate creativity together and join the Wacom community 🚀

Follow us here 👉 @wacomeurope 

#CreativeCommunity #WacomArtists #WacomCommunity
186 19
When the brain won't quit playing tricks 🧠👯‍♂️🖌️
Switching to digital can be hard but not impossible, right @lplucas? 
What are some of the things you struggle with as you transition from analog to digital? Tell us in the comments 👇🏼
#madewithwacom #digitalartist #digitalart #artistsoninstagram #artistlife #wacomtablet #wacomtips
1707 15
Have you ever considered becoming a jewelry designer? 

As part of #CareerDevelopmentMonth, we're excited to share a handful of diverse careers among Wacom users. ✍️⁣
⁣
Meet Quincy Vadan (@champagne_corpse), an independent jewelry designer and the artist-owner of Vadan Jewelry. Quincy shares his entire process for creating a three-piece capsule collection. His setup, including the Wacom #CintiqPro, makes it possible for him to remain completely independent and to take charge of the vast majority of his creative process.⁣
⁣
Head to the link in bio to watch the full video!⁣
⁣
#Wacom #MadeWithWacom #WacomForEducation #Jewelry #JewelryDesigner #SilverJewelry #ConnectedInk #ConnectedInk2024
150 21
Register for an amazing FREE webinar TOMORROW at 1pm PST with the amazing @aaronblaiseart! ❄️🐻‍❄️🤍

Learn from one of our favorite animation mentors as he walks us through the process of creating amazing animal characters like the main character of his animated short, Snowbear. 

Sign up through the link in our bio ☝🏼
#wacomwebinar #wacomconnectedink #digitalart #artwebinar
703 11
Want to learn how to create licenses for your artwork? @zeythehuman walks you through how to easily set up licenses* in Wacom Yuify, ensuring your work is protected. From using templates to customizing your own agreements, it has never been easier  to manage your creative rights.

Ready to protect your art?🔑
Register for free at Yuify.com
‌
*Yuify Licensing is only available in selected regions and may require additional agreements for specific cases not covered by the License Builder.

#WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
115 1
Let's dive in with @alexferreiraa to learn how to improve our poses using the #WacomMovink and the 2D workflow to push them to the next level. Check out the full video through the link in our bio or head to @animationflow.academy YouTube channel. 
#animationflow #madewithwacom #characteranimation
317 4