The fastest way to change a color in Illustrator

To change the color of an object in Illustrator, select the object with the Selection tool, then click a color in the color panel on the right side of the screen. If the color panel is not visible, go to Window > Color to open it. The selected object's fill color changes when ready to whatever color you click.

If you want to change the stroke (outline) instead of the fill, hold Shift while clicking a color in the color panel. You can also double-click the fill or stroke square in the toolbox on the left to open the color picker and choose from a wider range of colors or enter a specific color value.

For objects with multiple colors or complex fills, you may need to use the Appearance panel instead. This panel shows every color applied to an object and lets you change each one separately.

Key Takeaways

  • Select an object with the Selection tool, then click a color in the color panel to change its fill color when ready.
  • Hold Shift while clicking a color to change the stroke (outline) instead of the fill.
  • Double-click the fill or stroke square in the toolbox to open a larger color picker with more options.
  • Use the Appearance panel for objects with multiple colors or effects applied to different parts.
  • The color panel, Appearance panel, and color picker all show the same colors — use whichever interface feels easiest for your workflow.

Using the color panel to change fill and stroke

The color panel is the simplest place to change colors for most objects. It sits on the right side of the screen by default and shows a color bar at the bottom. Click any color in that bar to explore it to the selected object's fill. The fill square (the larger square in the toolbox on the left) will update to show the new color.

To change the stroke instead, make sure the stroke square is in front in the toolbox, then click a color. You can swap which one is in front by pressing X on your keyboard. If you want to remove the stroke entirely, click the small white square with a red line through it (the "None" option) at the left end of the color bar.

If the color bar at the bottom of the color panel does not show the colors you want, click the menu icon (three horizontal lines) in the top right corner of the color panel and choose Open Color Library. This opens a list of preset color libraries like Pantone, web colors, or grayscale that you can switch between.

Opening the color picker for precise color values

When you need an exact color — a specific hex code, RGB value, or Pantone number — double-click the fill or stroke square in the toolbox to open the full color picker. This window shows a large color field, a vertical hue slider, and text boxes where you can enter exact values.

At the top of the color picker, you will see tabs for different color modes: RGB (for screen colors), CMYK (for print), LAB, and Grayscale. Choose the mode that matches your project. Below that, you can enter specific numbers: for RGB, values from 0 to 255; for CMYK, values from 0 to 100; for hex codes, a six-character code starting with #.

If you know the exact color you want but do not know its code, use the eyedropper tool. Click the eyedropper icon in the color picker, then click anywhere on your screen — even outside Illustrator — to sample that color. The color picker will update to match what you clicked.

Changing colors in the Appearance panel for complex objects

Objects with multiple fills, strokes, or effects applied show all of them in the Appearance panel. Open it by going to Window > Appearance. Each fill and stroke appears as a separate row, and you can change any one without affecting the others.

Click the color square next to any fill or stroke in the Appearance panel to open the color picker for just that element. This is especially useful for objects with a gradient fill and a solid stroke, or for text with both a fill color and an outline. You can also drag colors from the color panel onto specific rows in the Appearance panel to change them.

If an object has a stroke you cannot see in the Appearance panel, it may be hidden behind the fill. Click the eye icon next to the stroke to toggle its visibility on and off, or drag the stroke row above the fill row to change the stacking order.

Changing colors in gradients and patterns

If an object has a gradient fill, clicking a color in the color panel will not change the gradient — it will replace it with a solid color. To edit the colors within a gradient, select the object and open the Gradient panel by going to Window > Gradient.

In the Gradient panel, you will see a preview of the gradient with small circles (called color stops) along the bottom. Click any color stop to select it, then click a new color in the color panel to change just that part of the gradient. You can add new color stops by clicking along the gradient bar, or remove them by dragging them away.

For patterns, you cannot change the colors directly from the main canvas. You must edit the pattern itself by double-clicking it in the Swatches panel, which opens the pattern in isolation. Change the colors of the objects inside the pattern, then click outside the pattern to return to your main artwork.

Swapping and reversing colors with keyboard shortcuts

Illustrator has built-in shortcuts to swap and reverse colors without opening any panels. Press X to swap the fill and stroke colors when ready. This is useful when you want to explore the current stroke color as the new fill.

Press D to reset both fill and stroke to their defaults: black fill and no stroke. This is a quick way to start over if you have applied colors you do not want to keep.

To reverse the order of colors in a gradient, select the object and open the Gradient panel, then click the reverse arrow button at the bottom right of the panel. The gradient will flip so the first color becomes the last and vice versa.

Common mistakes when changing colors

The most common mistake is forgetting to select an object before trying to change its color. If nothing happens when you click a color, check that the Selection tool is active (not the text tool or another tool) and that an object is highlighted with a blue outline.

Another frequent issue is changing the stroke when you meant to change the fill, or vice versa. Always check which square is in front in the toolbox before clicking a color. The square in front is the one that will change.

If you change a color and it does not look right on screen, the issue may be your color mode. If your document is in RGB mode but you are entering CMYK values, or if you are using a Pantone color that does not display accurately on screen, the color may look different than expected. Check your document color mode by going to File > Document Color Mode.

Frequently Asked Questions

How do I change the color of text in Illustrator?

Select the text with the Selection tool (not the text editing tool), then click a color in the color panel to change the fill. If you want to change only part of the text, switch to the text editing tool, highlight the letters you want to change, then click a color. The text color updates when ready.

Can I change multiple objects to the same color at once?

Yes. Select all the objects you want to change by clicking the first one, then holding Shift and clicking each additional object. Then click a color in the color panel, and all selected objects will change to that color at the same time.

What is the difference between fill and stroke?

Fill is the color inside an object; stroke is the colored outline around it. Most objects have a fill and no stroke by default. You can have both, either one, or neither. The two squares in the toolbox let you control which one you are changing.

How do I save a color I just created so I can use it again?

With the color showing in the color panel, click the menu icon in the top right corner of the Swatches panel and choose New Color Swatch. The color is added to your swatches and will stay there for future use in this document. You can also drag the color from the color panel directly into the Swatches panel.

Why does my color look different on screen than when I print it?

Screen colors (RGB) and print colors (CMYK) use different color ranges, so what you see on screen may not match the printed result. If you are designing for print, switch your document to CMYK mode by going to File > Document Color Mode > CMYK Color, and use CMYK values or Pantone colors instead of RGB.