How to Obtain the Right Color in Adobe Illustrator

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.

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.

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).

Page 1 Page 2


  1. Gunawan Huang Apr 8, 1:46 pm

    Great tips, thank you so much :)

  2. Cecilia Apr 9, 6:11 am

    Hi! I’d like to know how can I get the same color in RGB and CMYK, because for example suppose I have to do a brand identity so I have to do a website and everything printable. My Question is, How can I put the same color in both things(web and print)? Thanks!

    • Iaroslav Lazunov Apr 10, 7:43 am

      Cecilia, my answer is no way. There is no exact correspondence between the colors of different color models.
      Although you may feel that you just need to open the Color Picker window ;)

  3. Rebekah Teller Apr 17, 5:14 am

    Great in-depth coverage of RGB colors! For more about the differences between RGB and CMYK:

  4. Dani Siregar Jul 27, 12:44 pm

    What a great! This’s very helpfull!

  5. Abhinav Krishna Mar 27, 8:43 pm

    Thank you, it was very helpful

Leave a Reply

* Minimum length: 20 characters