How to Obtain the Right Color in Adobe Illustrator

• 5 minutes READ

Topic: Adobe Illustrator
Difficulty: beginner
Estimated completion time: 15 minutes

In this tutorial we will discuss a couple of ways in how to obtain the right color in Adobe Illustrator. Then we will select the most optimal one, which will let us work on professional level.

Color Models

First, that you need to know is in what color mode you need to work. Some beginners ignore this issue, and therefore they have some further difficulties. There are two color modes in the document – RGB and CMYK. RGB color mode is designed for creation of images for Web; CMYK color mode is designed for creation of images for printing. These two color modes have significant differences. So, for example, CMYK color mode has less colors and it won’t be possible to get as bright colors as you can get while working in RGB color mode. Check out, what is going on with green, if you switch the color mode from RGB to CMYK.

Moreover, if you use CMYK color mode, you’ll get some limitations in Blending mode usage. It will simply work differently as in RGB color mode, although it is a topic for a different tutorial and we will get back to it sometime.

The usage of colors in CMYK color mode is connected to printing technologies and to technical characteristics of particular printing house, that’s why we will talk only about RGB colors today. When a new document is created in Adobe Illustrator, you have opportunity to choose the color model in the New Document dialog box.

Newsletter Template Builder

With Postcards you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.

Try FreeOther Products

To change the color model in your current document go to the File > Document Color Mode > RGB color.

A Couple of Ways to Obtain Color in Adobe Illustrator

Let’s take a look at some opportunities of color selection which are offered by Adobe Illustrator. You can choose the color from the Swatches panel (Window > Swatches).

Surely, you won’t be satisfied with offered number of sample colors. However, there are a lot of swatch libraries, the access to which you can get from the fly-out menu of the Swatches panel.

Create Websites with Our Website Builders

With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes.

Try Startup App Try Slides AppOther Products

You can also use the Color Picker dialog box to get the right color. To open it, double click on the Fill or Stroke icon on the Tool panel.

As you can see, you can get the right color or shade of the basic color in this window. Moreover, we see the numerical parameters of the color in a variety of color models, including 16-bit color value, which is very important for web developers. The color of the objects will only change after clicking OK and closing the dialog box. In practice, when we are dealing with fine adjustment of colors to match the colors of adjacent objects, then this method is not applicable.

You can select shades of the basic color with the Color Guide panel (Window > Color Guide), by picking the color out of some presented samples; which is personally for me not enough for some real work.

If you work with the reference image, then you can use the Eyedropper Tool (I) to help you to take the color from the raster image.

But the Eyedropper Tool (I) takes the color from one pixel. The color of pixels differs very much even on one tiny piece of raster image. Which one will be chosen by this tool? Are you sure it will fit you perfectly? I’m not sure.

Yes, the Eyedropper Tool (I) can be configured to select the overall color of the 9 or 25 neighboring pixels (for the Eyedropper Tool (I) settings double click on the tool icon on the Tools panel).

1 2
Iaroslav Lazunov

My name is Iaroslav Lazunov, I am a graphic designer from Ukraine. I am glad that I finally found the job in my life that I can share my knowledge and experiments with you in my tutorials. Follow me on Twitter or Facebook and visit my blog Vectorboom.

Posts by Iaroslav Lazunov

Animated Presentations Made Easy

Learn more All Products
Cookie Icon
We use cookies to ensure that we give you the best experience on our website.
  • I disagree
  • I agree