7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
  1. Design & Illustration
  2. Adobe Illustrator

How to Add Hex Codes in Illustrator

Read Time: 3 mins

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.

RGB gradientsRGB gradientsRGB gradients

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.

hex codehex codehex 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.

color picker hex codecolor picker hex codecolor picker hex code

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.

color panel hex codecolor panel hex codecolor panel hex code

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.

add bex code illustratoradd bex code illustratoradd bex code illustrator

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!

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
One subscription.
Unlimited Downloads.
Get unlimited downloads