How to Color in Adobe Illustrator

PDF download Download Article
PDF download Download Article

Want to add color to shapes and other vector objects in Adobe Illustrator? This tutorial will teach you how to use Illustrator's palette, color picker, and eyedropper tool to fill objects with color.

Method 1
Method 1 of 4:

Using the Color Picker

PDF download Download Article
  1. Illustrator has a yellow icon that says "Ai" in the middle. Click the icon on your desktop, Windows Start menu, or Applications folder (on Mac) to open Adobe Illustrator.
  2. To open an existing document, click Open on the launch screen and select a file you want to open. To create a new document, click New on the launch screen. Then enter your document height and width. Then select your document profile and click Ok . [1]
    • You can open or create a new document at any time in Illustrator by clicking File in the menu bar at the top, followed by New or Open .
    • There are a variety of document profiles you can choose from. These include "Web," "Print", "Video and Film", "Mobile Devices" and more. This determines what color mode your document uses. Digital display graphics, like video, web, and mobile devices use an "RGB" color mode for Red, Green, and Blue. Print documents use a CMYK color mode for Cyan, Magenta, Yellow, and Black.
    Advertisement
  3. You can create shapes using a variety of tools in Illustrator. You can select the different tools in the Tools panel, which is to the left by default. The following are a few tools you can use: [2]
    • The Shape Tools: The shape tools allows you to create specific shapes, such as rectangles, ellipses, polygons, and stars. You can find the Rectangle tool in the tool panel to the left by default. Click and hold the rectangle tool in the Tools panel to display all available shape tools.
    • The Pen Tool: The pen tool allows you to create custom shapes with precise curves. It has an icon that resembles a fountain pen tip. With the pen tool selected, click to place a vector point. Click another spot to create a straight line from one vector point to another. Click and drag to create a curved line from one vector point to another. Click the original vector point to close the shape. [3]
    • The Pencil Tool: The pencil tool allows you to create free-form shapes marks as if you were drawing with a pencil on paper. This is most useful for quick sketches and creating a hand-drawn look. [4]
    • The Paintbrush Tool: The paintbrush tool allows you to create free-form shapes and marks that have stylized outlines and paths. This is most useful for creating a painted look. [5]
  4. If you have multiple shapes in your Illustrator project, you will need to select the shape you want to color. To do so, click the icon that resembles a black mouse cursor in the Tools panel (or press "V" on the keyboard) to select the Select tool. Then click the shape you want to color.
  5. It's at the bottom of the Tools panel to the left. It is colored black by default. The box that is completely filled in is the "Fill" color. This is the color of the shape. The box that resembles a colored border next to the "Fill" color box is the "Stroke" color. This is the color of the outline around the shape. Double-clicking either opens the color picker.
  6. Click a color in the rainbow-colored strip to select a color hue.
  7. With a color hue selected, click a shade in the large box next to the rainbow-colored strip to select a color shade. [6]
  8. This confirms the color you selected and changes the color of the shape.
    9. Advertisement
Method 2
Method 2 of 4:

Using Swatches

PDF download Download Article
  1. Illustrator has a yellow icon that says "Ai" in the middle. Click the icon on your desktop, Windows Start menu, or Applications folder (on Mac) to open Adobe Illustrator.
  2. To open an existing document, click Open on the launch screen and select a file you want to open. To create a new document, click New on the launch screen. Then enter your document height and width. Then select your document profile and click Ok . [7]
    • You can open or create a new document at any time in Illustrator by clicking File in the menu bar at the top, followed by New or Open .
    • There are a variety of document profiles you can choose from. These include "Web," "Print", "Video and Film", "Mobile Devices" and more. This determines what color mode your document uses. Digital display graphics, like video, web, and mobile devices use an "RGB" color mode for Red, Green, and Blue. Print documents use a CMYK color mode for Cyan, Magenta, Yellow, and Black.
  3. You can create shapes using a variety of tools in Illustrator. You can select the different tools in the Tools panel, which is to the left by default. The following are a few tools you can use: [8]
    • The Shape Tools: The shape tools allows you to create specific shapes, such as rectangles, ellipses, polygons, and stars. You can find the Rectangle tool in the tool panel to the left by default. Click and hold the rectangle tool in the Tools panel to display all available shape tools.
    • The Pen Tool: The pen tool allows you to create custom shapes with precise curves. It has an icon that resembles a fountain pen tip. With the pen tool selected, click to place a vector point. Click another spot to create a straight line from one vector point to another. Click and drag to create a curved line from one vector point to another. Click the original vector point to close the shape. [9]
    • The Pencil Tool: The pencil tool allows you to create free-form shapes marks as if you were drawing with a pencil on paper. This is most useful for quick sketches and creating a hand-drawn look.
    • The Paintbrush Tool: The paintbrush tool allows you to create free-form shapes and marks that have stylized outlines and paths. This is most useful for creating a painted look. [10]
  4. If you have multiple shapes in your Illustrator project, you will need to select the shape you want to color. To do so, click the icon that resembles a black mouse cursor in the Tools panel (or press "V" on the keyboard) to select the Select tool. Then click the shape you want to color.
  5. It is colored black by default. It's below the menu bar at the top. The box that is completely filled in is the "Fill" color. This is the color of the shape. The box that resembles a colored border next to the "Fill" color box is the "Stroke" color. This is the color of the outline around the shape. Clicking either of these boxes displays a list of colored swatches.
  6. This instantly changes the color of the shape. There are only a few basic colors in the default swatch menu. You can use these to get an idea of what color you want to use and use them as a jumping-off-point. [11]
    • To view more swatches, click the icon that resembles books (or folders on older versions of Illustrator) to open the swatch library. It's in the lower-left corner of the swatch menu. Select one of the categories in the swatch library to open a new window with swatches from that category.
  7. It has an icon that resembles a painter's palette. It's in the panel to the right, by default. Click this icon to open the color panel.
    • If you don't see the Color icon, click Window in the menu bar at the top. Then click Color to open the color panel.
  8. There are three slider bars labeled "R," "G," and "B." Use these slider bars to adjust the amount of red, green, and blue are in the color. This changes the hue and shade of the color.
    • If you are working on a document for print, the slider bars will be labeled "C," "M," "Y," and "K" for cyan, magenta, yellow, and black.
    9. Advertisement
Method 3
Method 3 of 4:

Using the Eyedropper Tool

PDF download Download Article
  1. Illustrator has a yellow icon that says "Ai" in the middle. Click the icon on your desktop, Windows Start menu, or Applications folder (on Mac) to open Adobe Illustrator.
  2. To open an existing document, click Open on the launch screen and select a file you want to open. To create a new document, click New on the launch screen. Then enter your document height and width. Then select your document profile and click Ok . [12]
    • You can open or create a new document at any time in Illustrator by clicking File in the menu bar at the top, followed by New or Open .
    • There are a variety of document profiles you can choose from. These include "Web," "Print", "Video and Film", "Mobile Devices" and more. This determines what color mode your document uses. Digital display graphics, like video, web, and mobile devices use an "RGB" color mode for Red, Green, and Blue. Print documents use a CMYK color mode for Cyan, Magenta, Yellow, and Black.
  3. You can create shapes using a variety of tools in Illustrator. You can select the different tools in the Tools panel, which is to the left by default. The following are a few tools you can use: [13]
    • The Shape Tools: The shape tools allows you to create specific shapes, such as rectangles, ellipses, polygons, and stars. You can find the Rectangle tool in the tool panel to the left by default. Click and hold the rectangle tool in the Tools panel to display all available shape tools.
    • The Pen Tool: The pen tool allows you to create custom shapes with precise curves. It has an icon that resembles a fountain pen tip. With the pen tool selected, click to place a vector point. Click another spot to create a straight line from one vector point to another. Click and drag to create a curved line from one vector point to another. Click the original vector point to close the shape. [14]
    • The Pencil Tool: The pencil tool allows you to create free-form shapes marks as if you were drawing with a pencil on paper. This is most useful for quick sketches and creating a hand-drawn look. [15]
    • The Paintbrush Tool: The paintbrush tool allows you to create free-form shapes and marks that have stylized outlines and paths. This is most useful for creating a painted look. [16]
  4. If you have multiple shapes in your Illustrator project, you will need to select the shape you want to color. To do so, click the icon that resembles a black mouse cursor in the Tools panel (or press "V" on the keyboard) to select the Select tool. Then click the shape you want to color.
  5. The Eyedropper tool has an icon that resembles an eyedropper. Click the icon in the Tools panel to the left, or press "I" on your keyboard to select the Eyedropper tool.
  6. This instantly changes the color of the shape to the color you clicked. The Eyedropper tool is useful for quickly selecting colors you have already used in your project.
    7. Advertisement
Method 4
Method 4 of 4:

Creating a Gradient Blend of Colors

PDF download Download Article
  1. Illustrator has a yellow icon that says "Ai" in the middle. Click the icon on your desktop, Windows Start menu, or Applications folder (on Mac) to open Adobe Illustrator.
  2. To open an existing document, click Open on the launch screen and select a file you want to open. To create a new document, click New on the launch screen. Then enter your document height and width. Then select your document profile and click Ok .
    • You can open or create a new document at any time in Illustrator by clicking File in the menu bar at the top, followed by New or Open .
    • There are a variety of document profiles you can choose from. These include "Web," "Print", "Video and Film", "Mobile Devices" and more. This determines what color mode your document uses. Digital display graphics, like video, web, and mobile devices use an "RGB" color mode for Red, Green, and Blue. Print documents use a CMYK color mode for Cyan, Magenta, Yellow, and Black.
  3. You can create shapes using a variety of tools in Illustrator. The following are a few tools you can use:
    • The Shape Tools: The shape tools allows you to create specific shapes, such as rectangles, ellipses, polygons, and stars. You can find the Rectangle tool in the tool panel to the left by default. Click and hold the rectangle tool in the tools panel to display all available shape tools.
    • The Pen Tool: The pen tool allows you to create custom shapes with precise curves. It has an icon that resembles a fountain pen tip. It's in the tools panel to the left. With the pen tool selected, click to place a vector point. Click another spot to create a straight line from one vector point to another. Click and drag to create a curved line from one vector point to another. Click the original vector point to close the shape.
    • The Pencil Tool: The pencil tool allows you to create free-form shapes marks as if you were drawing with a pencil on paper. This is most useful for quick sketches and creating a hand-drawn look.
    • The Paintbrush Tool: The paintbrush tool allows you to create free-form shapes and marks that have stylized outlines and paths. This is most useful for creating a painted look.
  4. Gradients are two or more colors that blend together. To open the Gradient panel, click the icon that resembles a rectangle with a black and white blend. It's in the panel to the right, by default. [17]
    • If you don't see the Gradient panel icon on screen, click Window in the menu bar at the top. Then click Gradient to open the Gradient panel.
  5. You can select a linear gradient or a radial gradient. Click one of the two icons next to "Type" in the Gradient panel to select a gradient type.
    • Linear gradients blend from one color to another in a straight line.
    • Radial gradients blend from one color to another in a circular fashion.
  6. The gradient stops are the two colored-rectangle notches at the bottom of the gradient strip in the Gradient panel. By default, there is a black and white stop. Double-clicking them opens the swatch menu.
  7. Click one of the colors in the swatch menu to change the color of the stop.
    • Alternatively, you can drag and drop a swatch from an open swatch library menu onto one of the stops.
  8. It's the icon that resembles a painter's palette next to the swatch library below the gradient stop. [18]
  9. Use the RGB (or CMYK) slider bars to adjust the shade and color of the swatch.
    • You can also select a new hue by clicking a color in the rainbow-colored bar at the bottom.
  10. It's the gradient stop on the other side of the gradient blend bar in the Gradient panel. Double-click it to open the swatch menu. [19]
    • You can add more stops to the blend by clicking where you want to add a stop below the gradient blend bar in the Gradient panel. To remove a stop, click and drag it down to remove it from the gradient blend bar.
  11. Click one of the swatches in the swatch menu to select a color for the stop.
  12. To do so, click painter's palette icon next to the swatch menu and use the RGB (or CMYK) slider bars to adjust the color and shade. [20]
    • If you are using CMYK, and there is some grey in between a colored and a black stop, select the black stop and add more of the color you are transitioning from under the black. For example, if you are transitioning from red to black, and it appears grey in the middle. Select the black stop and increase the amount of red in the black stop. This creates a smoother blend.
    • You can adjust the position of the stops by clicking and dragging them left and right. You can also click and drag the notch at the top of the gradient blend bar to adjust the blend.
  13. It's the icon that resembles a rectangle with a black and white gradient blend. It's in the Tools panel to the left, by default. [21]
  14. This applies the gradient to the shape.
  15. To do so, have the Gradient tool selected and click and drag in the direction you want to apply the blend over the shape.
    16. Advertisement

Community Q&A

Search
Add New Question
  • Question
    Why would I want to use Illustrator?
    Community Answer
    Adobe Illustrator is a vector-based art program, so you can scale the created image to any desired size without losing quality. It also has intuitive design, especially if you have tried other graphics software or other Adobe products. If you are new, the icons are still exactly what they look like. Powerful tools such as the color harmonizer and mesh tool allow for almost any kind of art to be designed. This application concentrates more on the shape and color of your vector art than fancy effects, but includes methods for both from the wide set of tools. As you become more familiar with the application, you can make any digital art you want.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 0 Helpful 1
  • Question
    How many colors are in Adobe Illustrator?
    Community Answer
    Grayscale, RGB, HSB, CMYK and web-safe RGB swatches are all available in Adobe Illustrator. They can be accessed from the icon with four horizontal lines in the top-left corner of the Colour tab in the Colour window.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 0 Helpful 1
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Video

      Tips

      • If you are working on a document that will go online, double click the fill boxes in the left panel. When your Color Picker box pops up, click the "Web Only" button in the lower left corner. This will allow the tool to only display colors that will show up online.
        Thanks
        Helpful 0 Not Helpful 0
      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      Things You'll Need

      • Mouse
      • Adobe Creative Suite
      • Illustrator document


      You Might Also Like

      How to
      Change Adobe Illustrator Font Color
      How to
      Draw a Moon in Adobe Illustrator
      How to
      Use the Paintbrush Tool in Adobe Illustrator
      How to
      Create an Outline in Adobe Illustrator
      How to
      Add a Hyperlink in Illustrator
      How to
      Add Artboards in Adobe Illustrator
      How to
      Create a Table in Adobe Illustrator
      Easily Add a Shadow to an Object in Adobe Illustrator
      How to
      Change the Background Color in Adobe Illustrator
      How to
      Remove Backgrounds in Adobe Illustrator
      2 Easy Ways to Wrap Text in Adobe Illustrator
      5 Quick Ways to Change the Background in Illustrator
      How to
      Change Artboard Size in Adobe Illustrator
      How to
      Add Borders in Illustrator
      Advertisement

      References

      1. ↑ https://creativecloud.adobe.com/learn/illustrator/web/create-new-document
      2. ↑ https://helpx.adobe.com/illustrator/using/drawing-simple-lines-shapes.html
      3. ↑ https://helpx.adobe.com/illustrator/using/drawing-pen-curvature-or-pencil.html
      4. ↑ https://helpx.adobe.com/illustrator/using/drawing-pen-curvature-or-pencil.html
      5. ↑ https://helpx.adobe.com/illustrator/using/tool-techniques/paintbrush-tool.html
      6. ↑ https://helpx.adobe.com/illustrator/using/selecting-colors.html
      7. ↑ https://creativecloud.adobe.com/learn/illustrator/web/create-new-document
      8. ↑ https://creativecloud.adobe.com/learn/illustrator/web/shapes-basics
      9. ↑ https://helpx.adobe.com/illustrator/using/drawing-pen-curvature-or-pencil.html
      1. ↑ https://helpx.adobe.com/illustrator/using/tool-techniques/paintbrush-tool.html
      2. ↑ https://helpx.adobe.com/illustrator/using/using-creating-swatches.html
      3. ↑ https://creativecloud.adobe.com/learn/illustrator/web/create-new-document
      4. ↑ https://creativecloud.adobe.com/learn/illustrator/web/shapes-basics
      5. ↑ https://helpx.adobe.com/illustrator/using/drawing-pen-curvature-or-pencil.html
      6. ↑ https://helpx.adobe.com/illustrator/using/drawing-pen-curvature-or-pencil.html
      7. ↑ https://helpx.adobe.com/illustrator/using/tool-techniques/paintbrush-tool.html
      8. ↑ https://helpx.adobe.com/illustrator/using/gradients.html
      9. ↑ https://helpx.adobe.com/illustrator/using/selecting-colors.html
      10. ↑ https://helpx.adobe.com/illustrator/using/gradients.html
      11. ↑ https://helpx.adobe.com/illustrator/using/gradients.html
      12. ↑ https://helpx.adobe.com/illustrator/using/gradients.html

      About This Article

      In other languages
      Thanks to all authors for creating a page that has been read 149,928 times.

      Is this article up to date?

      Advertisement