Want to learn more about how Adobe Illustrator works? Check out my Illustrator Explainer Series - a comprehensive collection of over 100 videos where I go over every tool, feature and function and explain what it is, how it works, and why it's useful. Your document should now have a gray background. The 888888 is the color, the FF is the alpha, meaning fully transparent. In the hex value input type something like 888888FF. If you have any questions that weren’t addressed in this post just leave a comment below and I’ll write back if I can help. At the top of the Page tab you see Background with a color next to it. If you’d like the document to actually have that background color (even on exports) then you can bring that column up from 0 to 100.Īnd that should do it for working with backgrounds in Inkscape. It’s important to note that your SVG background will continue to be transparent despite the color fill as long as the A column (which represents the transparency of the color) remains at 0.

A color selector will pop up on your screen. Simply click on the white stripe positioned next to where it says Background Color. Filling The Background with Colorįinally, if you’d like the background of your SVG to have a color fill, this can also be accomplished via the Document Properties menu.

However, that method does not work because it does not output the file with a transparent background. This just changes the display, which can be really helpful if you’re working with a lot of white objects. At first you may assume that the best way to do this is to go to File > Save As, and choose to save it as a Cairo PNG. Open File Document Properties and click the Background colour option. Your SVG background will be no more (or less) transparent than it previously was when it was filled with white.

Inkscape transparent background