How to Change the Background Color in Adobe Illustrator

PDF download Download Article
PDF download Download Article

What if you have white text on a white background? You most likely can't see it. Fortunately, there are a few things you can do that can either change the color of your artboard or user interface. This wikiHow article will teach you how to change the color of the background in Adobe Illustrator.

Method 1
Method 1 of 2:

Changing the Color of Your User Interface

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2a\/Change-the-Background-Color-in-Adobe-Illustrator-Step-1-Version-4.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-1-Version-4.jpg","bigUrl":"\/images\/thumb\/2\/2a\/Change-the-Background-Color-in-Adobe-Illustrator-Step-1-Version-4.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    To do so, double-click the yellow app with the letters Ai , then click File in the menu bar at the top of the screen and Open… . Select the file in which you want to change the background color and click Open .
  2. 2
    Go to "User Interface" options. If you're using a Windows computer, go to Edit > Preferences > User Interface . [1]
    • If you're using a Mac, go to Illustrator CC > Preferences > User Interface .
    Advertisement
  3. 3
    Choose a brightness setting from the offered tiles. This will be the tint of all the elements of the user interface including panels, buttons, and menus.
  4. 4
    Choose a canvas color. You can select "Match User Interface Brightness" or opt for a white canvas. [2]
    • These settings will not affect any artwork in the drawing space. Any colors picked here will not print out of you print your project.
    5. Advertisement
Method 2
Method 2 of 2:

Changing the Color of Your Artboard

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2a\/Change-the-Background-Color-in-Adobe-Illustrator-Step-1-Version-4.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-1-Version-4.jpg","bigUrl":"\/images\/thumb\/2\/2a\/Change-the-Background-Color-in-Adobe-Illustrator-Step-1-Version-4.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    To do so, double-click the yellow app with the letters Ai , then click File in the menu bar at the top of the screen and Open… . Select the file in which you want to change the background color and click Open .
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/70\/Change-the-Background-Color-in-Adobe-Illustrator-Step-2-Version-4.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-2-Version-4.jpg","bigUrl":"\/images\/thumb\/7\/70\/Change-the-Background-Color-in-Adobe-Illustrator-Step-2-Version-4.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    It's at the top of your screen with Edit and View .
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/08\/Change-the-Background-Color-in-Adobe-Illustrator-Step-3-Version-4.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-3-Version-4.jpg","bigUrl":"\/images\/thumb\/0\/08\/Change-the-Background-Color-in-Adobe-Illustrator-Step-3-Version-4.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    It's near the bottom of the drop-down. [3]
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/07\/Change-the-Background-Color-in-Adobe-Illustrator-Step-4-Version-4.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-4-Version-4.jpg","bigUrl":"\/images\/thumb\/0\/07\/Change-the-Background-Color-in-Adobe-Illustrator-Step-4-Version-4.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    It's in the "Transparency" section of the dialog box.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9b\/Change-the-Background-Color-in-Adobe-Illustrator-Step-5-Version-4.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-5-Version-4.jpg","bigUrl":"\/images\/thumb\/9\/9b\/Change-the-Background-Color-in-Adobe-Illustrator-Step-5-Version-4.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    It's on the right side of the "Transparency" section, just left of the grid image.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/31\/Change-the-Background-Color-in-Adobe-Illustrator-Step-6-Version-2.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-6-Version-2.jpg","bigUrl":"\/images\/thumb\/3\/31\/Change-the-Background-Color-in-Adobe-Illustrator-Step-6-Version-2.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Do so by clicking on the color wheel and then adjusting the shade with the slider bar.
    • When you're finished, the final color will appear in a swatch in the lower-left corner of the dialog box.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4f\/Change-the-Background-Color-in-Adobe-Illustrator-Step-7.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-7.jpg","bigUrl":"\/images\/thumb\/4\/4f\/Change-the-Background-Color-in-Adobe-Illustrator-Step-7.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    The empty squares to the right of the color swatch are spaces where you can save custom colors.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e7\/Change-the-Background-Color-in-Adobe-Illustrator-Step-8.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-8.jpg","bigUrl":"\/images\/thumb\/e\/e7\/Change-the-Background-Color-in-Adobe-Illustrator-Step-8.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    On Windows, click the X , and on Mac, click the red dot in the corner of the dialog box.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a5\/Change-the-Background-Color-in-Adobe-Illustrator-Step-9.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-9.jpg","bigUrl":"\/images\/thumb\/a\/a5\/Change-the-Background-Color-in-Adobe-Illustrator-Step-9.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    It's on the right side of the "Transparency" section, just left of the grid image.
  10. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1b\/Change-the-Background-Color-in-Adobe-Illustrator-Step-10.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-10.jpg","bigUrl":"\/images\/thumb\/1\/1b\/Change-the-Background-Color-in-Adobe-Illustrator-Step-10.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    It's in the small square in the lower-right part of the dialog box where you dragged it. The swatch in the lower-left corner of the dialog box will become the same color as the small square.
  11. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/84\/Change-the-Background-Color-in-Adobe-Illustrator-Step-11.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-11.jpg","bigUrl":"\/images\/thumb\/8\/84\/Change-the-Background-Color-in-Adobe-Illustrator-Step-11.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    On Windows, click the X , and on Mac, click the red dot in the corner of the dialog box. The swatches and grid image should all be the color you set.
  12. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a3\/Change-the-Background-Color-in-Adobe-Illustrator-Step-12.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-12.jpg","bigUrl":"\/images\/thumb\/a\/a3\/Change-the-Background-Color-in-Adobe-Illustrator-Step-12.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
  13. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/Change-the-Background-Color-in-Adobe-Illustrator-Step-13.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-13.jpg","bigUrl":"\/images\/thumb\/6\/6d\/Change-the-Background-Color-in-Adobe-Illustrator-Step-13.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    [4]
  14. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8e\/Change-the-Background-Color-in-Adobe-Illustrator-Step-14.jpg\/v4-460px-Change-the-Background-Color-in-Adobe-Illustrator-Step-14.jpg","bigUrl":"\/images\/thumb\/8\/8e\/Change-the-Background-Color-in-Adobe-Illustrator-Step-14.jpg\/aid1805889-v4-728px-Change-the-Background-Color-in-Adobe-Illustrator-Step-14.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    It's toward the bottom of the drop-down. The background will now be the color you specified. [5]
    • Any objects with fill or line colors, including white, that are not the same as the background will be visible.
    • Instead of changing the transparent grid colors, you can create a large rectangle that's the same size of your artboard, then change the fill color of that shape.
    15. Advertisement

Community Q&A

Search
Add New Question
  • Question
    How do I change the symbol color?
    Community Answer
    Click away from it and give it a few seconds, or even close your phone and re-open it. Do not click multiple times on the app. If it still does not open on the first click, wait and then click a second time. Clear your apps and try again.
    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 18 Helpful 6
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Video

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Submit
      Thanks for submitting a tip for review!

      You Might Also Like

      How to
      Add an Image in Illustrator
      How to
      Use Adobe Illustrator
      How to Create a Watermark in Adobe Illustrator
      How to Add Fonts in Adobe Illustrator: Windows & Mac
      How to
      Rasterize in Illustrator
      How to
      Create an Outline in Adobe Illustrator
      How to
      Add a Hyperlink in Illustrator
      How to Create a Table in Adobe Illustrator
      How to Add Artboards in Adobe Illustrator
      How to
      Measure in Adobe Illustrator
      How to
      Change Artboard Size 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
      Advertisement

      References

      1. ↑ https://helpx.adobe.com/illustrator/using/workspace-basics.html
      2. ↑ https://helpx.adobe.com/illustrator/using/customizing-workspace.html
      3. ↑ https://helpx.adobe.com/illustrator/using/workspace-basics.html
      4. ↑ https://helpx.adobe.com/illustrator/using/transparency-blending-modes.html
      5. ↑ https://helpx.adobe.com/illustrator/using/transparency-blending-modes.html

      About This Article

      Article Summary X

      1. Open an Adobe Illustrator file.
      2. Go to "User Interface" options.
      3. Choose a brightness setting from the offered tiles.
      4. Choose a canvas color.

      Did this summary help you?
      In other languages
      Thanks to all authors for creating a page that has been read 850,467 times.

      Is this article up to date?

      Advertisement