White Logo on a Dark Background: Make the Negative Version

A white logo, also called a negative or reversed logo, is the version of your logo made for dark backgrounds: everything dark turns white, on a transparent background. It’s the file to hand over for a black t-shirt, a dark storefront or a website in dark mode.

What is a white logo, or negative logo?

A white logo is a variant of your logo where the dark shapes become white, so it stays readable on a dark surface. Printers and embroiderers often call it the “negative” or “reversed” version; brand guidelines may say “knockout” or “reverse”. All of these names point to the same file.

It isn’t your logo sitting on a black square. The background stays transparent, and the surface itself (the fabric, the window, the web page) provides the dark color.

Why does your logo disappear on a dark background?

Your logo disappears on a dark background because it was usually designed in black or dark colors on a white page. Its text and outlines only work against that white. Put it on navy, charcoal or black and the contrast collapses: the lettering melts into the fabric and you’re left with a smudge.

It comes up in three places over and over:

• dark apparel: t-shirts, hoodies, team jackets, caps;
• signage on a dark wall, tinted glass or a backlit panel;
• dark mode on websites, apps and email signatures.

White logo vs inverted logo: what’s the difference?

A white logo is a design decision, while an inverted logo is just a math operation: the “invert colors” filter in a photo editor turns black into white, but also red into cyan and yellow into blue. Your brand colors change without warning.

A proper negative version follows a simple rule. Dark parts go white, light colors that still read well on black can stay, and hairline details get thickened or dropped. For most one- or two-color logos, the cleanest answer is to make everything white, which also keeps screen printing and embroidery costs down, since every extra color adds to the bill.

What if your logo has cut-out shapes?

A logo with cut-out shapes (a hollow letter, a star punched out of a circle, a symbol drawn by empty space) needs a careful look, because turning it white can make it unrecognizable. On the original, the empty space shows white paper; on a black shirt, that same space shows black, and the design can visually flip inside out.

You have two options: redraw the symbol so it reads both ways, or add a solid shape behind it. If you’re unsure, a designer can sort this out quickly.

How do you make a logo white in design software?

Making a logo white takes a few minutes if you have its vector file, in other words a file that describes shapes instead of storing tiny colored squares. In Illustrator or Inkscape, select the dark shapes, set their fill to white, then export as SVG and PNG.

With a JPG, it’s trickier: JPG can’t keep a transparent background, so a white logo saved as JPG becomes a white logo on a white rectangle. You first need to remove that background (see how a PNG becomes a clean vector), then work in PNG. Which format fits which job is covered in JPG vs PNG for a logo.

Where can you get a white logo without any software?

You can get a white logo without software from Depixelise, which builds the negative version at the same time as the vector file. Upload your image (JPG, PNG, WebP or SVG, 10 MB max): the converted logo appears large on screen. Four files are delivered by email. The negative one already sits on a transparent background, made for dark fabric, shop windows and dark web pages; the other three are a one-color variant, a 2000-pixel-wide PNG and the SVG your print shop will want. Nothing to pay, no sign-up, no mark stamped on your artwork. One caveat: if your logo has cut-out shapes, eyeball that negative file before you pass it on.

How do you check a negative logo before sending it?

To check a negative logo, place it on three backgrounds: pure black, navy blue and a dark photo. Small text, like a tagline or a web address, should stay readable on all three. Also look at very thin lines: in embroidery, a line thinner than the thread won’t stitch, something to keep in mind for a custom embroidered t-shirt.

To see it on fabric, try your logo on a black t-shirt or a navy hoodie in our free mockup generator. A dark single-color logo switches to white automatically.

For the rest of the order (formats, colors, size), the full checklist lives in our guide to a print-ready logo.

How do you show a white logo in dark mode on a website?

To show a white logo in dark mode, give your website two files: the color version for the light theme and the negative version for the dark theme. The browser picks the right one from the device setting, using a standard rule every web developer knows (prefers-color-scheme). Without a negative version, the only fallback is a white box behind the logo, which spoils a dark page.

FAQ

Why does my white logo look blank when I open it?

Your white logo looks blank because most image viewers show transparency as white: white on white is invisible. Open it on a dark background, or drop it onto a black slide, and it shows up.

Can white really be printed on a black shirt?

Yes, white prints on a black shirt: screen printing uses an opaque white ink, heat transfer uses white vinyl, and embroidery uses white thread. The shop just needs the negative version of your file.

Can a white outline around the color logo replace the negative version?

A white outline is a quick fix, but it always shows and makes the design heavier, especially in embroidery where it adds stitches. A clean negative version gives a sharper result.

Should a white logo be planned when the logo is first designed?

Yes, a well-built logo comes in color, single-color and white versions from day one. If yours only has one, you can still create the others from the vector file.