How to Add Hex Codes inIllustrator

In the following tutorial, you will learn everything you need to know about using hex codes in Illustrator. If you prefer video tutorials, don't miss this new video from the Envato Tuts+ YouTube channel. Learn how to find the hex code of a color and more:

Once you learn how to enter 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 see a hex code 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 to See Hex Codes 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 in Illustrator. 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 if you're wondering how to find hex colors 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. To learn how to enter hex codes in Illustrator, 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 find the hex code of a color and 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!

• 
  

  
  
  

  
  

  
  

  How to Create a Holographic Effect in Illustrator

  
  

  
  

  
  
  

  
  

  
  

  Andrei Marius

  
  

  10 Mar 2022

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a Spring Text Effect in Illustrator

  
  

  
  

  
  
  

  
  

  
  

  Andrei Marius

  
  

  22 Mar 2023

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a Cat Logo Design in Illustrator

  
  

  
  

  
  
  

  
  

  
  

  Andrei Marius

  
  

  16 Dec 2021

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a Neon Text Effect in Illustrator

  
  

  
  

  
  
  

  
  

  
  

  Andrei Marius

  
  

  23 Nov 2021

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Design a Trendy T-Shirt in Illustrator

  
  

  
  

  
  
  

  
  

  
  

  Andrei Marius

  
  

  08 Oct 2021

  
  

  
  

  
  

  
  


• 
  

  
  
  

  
  

  
  

  How to Create a Retro Long Shadow Text Effect in Adobe Illustrator

  
  

  
  

  
  
  

  
  

  
  

  Andrei Marius

  
  

  09 Jul 2021