How to Add Hex Codes in Illustrator

In the following tutorial, you will learn all that you need to know about using hex codes in Illustrator.

Once you learn how to add hex codes in Illustrator, you can easily create your own set of colors and put together vibrant designs. At Envato Elements you will find a massive collection of design assets that can inspire you to create outstanding designs.

What You'll Learn in This Quick Illustrator Hex Color Tutorial

How to find hex colors in Illustrator
How to copy and paste hex colors in Illustrator

What Are Hex Codes?

A hex color code starts with a hashtag (#) symbol and is followed by a 6-symbol code. The first two symbols refer to the red value, the next two refer to the green value, and the last two refer to the blue value. Numbers are used for values between 1 and 9, and letters are used for values higher than 9.

Each of the 2-symbol elements expresses a color value from 0 to 255. Each value is turned into a unique alphanumeric code.

How Do I See Hex Colors in Illustrator?

Step 1

The first method that you can use to inspect a hex color in Illustrator is via the Color Picker.

Focus on your toolbar and double-click the Fill color or the Stroke color to open the Color Picker. Below the RGB values, you will find the hex code of the current color. Feel free to adjust the color, and the hex code will automatically update.

Step 2

The second method that you can use to inspect a hex color in Illustrator is via the Color panel (Window > Color).

Open the fly-out panel to select RGB or Web Safe RGB, and you will be able to see the hex code at the bottom of the panel.

How Do I Add Hex Codes in Illustrator?

Using hex codes in Illustrator is pretty straightforward. You can either manually type in a new hex code or you can paste it.

Double-click a hex code to quickly select it whenever you wish to copy or replace it with a different code. Now, you can either right-click the code and use the Copy/Paste commands, or you can use the classic keyboard shortcuts: Control-C to copy a hex code or Control-V to paste a hex code.

Congratulations! You're Done!

Now that you know how to add hex codes in Illustrator, feel free to use the technique in your future projects.

You can find some great sources of inspiration at Envato Elements, with interesting solutions to improve your design portfolio.

Want to Learn More?

We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!