Dark websites and dark mode
A dark header, or a site that switches to dark mode at night, needs a light logo. Keep the original for light and the white version for dark.
Turn any logo white for dark backgrounds, or black, or the color you pick, as a transparent PNG or a sharp vector file. Or paste a website.
Drop your logo here or choose a fileChoose your logo
PNG, JPG, WebP, SVG, PDF, AI or PSD. It stays on your device.
Drop the logo to open it
Click a logo to try the next one found on that site, or to take it out.
Animated 3D logo videos for Reels, TikTok and YouTube, glossy 3D images and 3D print files, made in your browser in seconds.
Four steps, a few seconds, no account.
Use any PNG, JPG, WebP, SVG, PDF, AI or PSD file. Working on someone else's brand? Paste their website and find the company's logo from its website without leaving the page.
Every part of the logo turns the one color you choose. The background goes see-through, and so do the white details inside the logo.
Switch the background to black, gray or the brand color and see the white version exactly as it will sit on a dark website, a slide or a shirt.
Take a transparent PNG at 512, 1024, 2048 or 4096 px, or an SVG, PDF or EPS that stays sharp at any size.
It becomes one solid color, the way designers draw the one-color version of a logo.
Every colored shape turns white, or black, or the color you pick. The white details inside the logo, such as the inside of a letter or a thin white line between two shapes, become see-through. On a dark background the dark shows through them, so the design still reads exactly as drawn.
That is what designers call a reversed logo: the same shapes, one color, letting the background do the rest. Brand guidelines ask for it on dark photos, dark websites and dark fabric, and it is the version one-color print processes start from.
If the company already has a white logo on its site, the Logo Finder shows it on a dark tile. That file is the company's own white version, ready to use as it is.
The white details inside a logo stay open when it turns one color, so the shapes still read exactly as the designer drew them.
Think of a white star inside a red badge, white lettering across a colored circle, or the thin white gap that separates two shapes. Painting the whole logo white would fill them in and leave a blank silhouette. Here they are cut out instead: the details become see-through, and whatever sits behind the logo shows through them.
Printers call this a knockout. On a black shirt, the white ink prints only the shapes and the fabric itself draws the details. In foil or spot UV, the finish covers the shapes and the card shows through the gaps. Either way the brand stays recognizable in a single color.
Check the result on black, gray and the brand color in the preview before you download. More on light versions and knockouts: how to make a logo white for dark backgrounds.
One logo, four versions, each a click away. Choose by the background it will sit on.
| Version | What it looks like | Use it on | Typical jobs |
|---|---|---|---|
| White | The whole logo in white, the background see-through | Black, navy, dark photos and video | Dark website headers and dark mode, dark slides, video end cards, printing on dark shirts |
| Black | The whole logo in black | White and light paper, light photos | Laser engraving, rubber stamps, one-color print, forms and newspaper ads |
| Any color | The whole logo in one color you choose | Any background where that color reads | A brand-color version, an embroidery thread color, a soft gray for a logo wall |
| Original | The logo as the company made it | White and light backgrounds | Everyday use on light pages and in print |
Every version downloads as a transparent PNG at 512, 1024, 2048 or 4096 px, as SVG, PDF or EPS, and as a DXF cut file for lasers and vinyl cutters.
Any color means any color: enter the brand's HEX code and the whole logo takes it, exactly.
Choose Any color, open the color picker and enter the HEX code from the brand guidelines, or its RGB values. The logo turns that one color on a transparent background, ready as PNG, SVG, PDF or EPS.
No guidelines at hand? The swatches marked From the logo hold the colors found in it, so a one-color version in the brand's own blue or red is a single click. The Brand colors list beside the preview gives each of them in HEX, RGB and CMYK, ready to copy into a job ticket.
Popular picks: a soft gray for a quiet logo wall, the thread color of an embroidery job, a single ink for a one-color print, or a pale tint behind the text of a letterhead.
Wherever the background is darker than the logo.
A dark header, or a site that switches to dark mode at night, needs a light logo. Keep the original for light and the white version for dark.
Dark title slides, photo slides and the closing slide of a pitch all read better with the logo in white.
Lower thirds, end cards and posts over photos: a white logo on a transparent background sits on any frame.
Dark shirts, hoodies, bags and caps are printed in white ink or stitched in a single thread color.
Stage screens, dark backdrops, badges and lanyards in deep colors all call for the light version.
Hot foil, laser engraving and one-color printing each work from a single color: Black for the engraver, a color version for the foil.
One white version, three everyday jobs. Here is how each one puts it to work.
Dark mode. Keep the original for light pages and the white version for dark ones, and let the website switch between them on its own when a visitor uses a dark theme. The markup is in how to make a logo white for dark backgrounds.
Video. Lay the transparent white PNG over footage as a corner logo, a lower third or an end card in any video editor. For a logo that moves by itself, the logo animation maker sets your logo in white 3D on a dark stage and exports an MP4 for Reels, TikTok, Shorts and YouTube.
Merch. Dark shirts, hoodies, caps and bags print the white version in one white ink or stitch it in one thread, and the SVG, PDF or EPS gives the printer a single clean shape to work from.
White on dark is simple. These details make it look intentional.
Test it on the darkest place it will sit. Check the black and brand-color backgrounds in the studio, then look at the real photo or video frame.
Give it calm space on a busy photo. A darker patch of the picture, or a soft dark overlay behind the logo, keeps every letter legible.
Keep both versions together. A site with dark mode, a deck with light and dark slides and a print run on mixed stock all need the original and the white. The dark-mode logo guide shows how a website switches between them.
Use the vector for print. The SVG, PDF or EPS of the white version stays crisp at any size and gives a screen printer one clean shape for one screen. What else a printer asks for: logo files for printing.
Starting from a JPG on a white box? The box is removed before the logo turns white. To keep the full colors and only lose the box, use the logo background remover.
Every extra color is another screen in screen printing, another thread in embroidery, another plate on the press. A one-color version prints in a single pass and holds its detail at small sizes, which is why brand guidelines include one and why so many print jobs start from it.
Then try it on a product. The free 3D credit card mockup generator turns a white logo into gold foil or spot UV on a true-size card, under studio light.
Writing a dark-mode guide or a brand handbook? Link readers who need a white version here.
The link is below. To cite the tool, write: Proofscene, “Free white logo maker”, proofscene.com, 2026.
<a href="https://proofscene.com/tools/white-logo-maker/">Free white logo maker</a>Quick answers about white, black and one-color logos: dark backgrounds, exact colors, Canva, PowerPoint and file formats.
Ask us anythingDrop the logo on the tool, or paste the company's website, and choose White. Every part of the logo turns white, the background becomes transparent, and you download a PNG at 512, 1024, 2048 or 4096 px or a vector SVG, PDF or EPS.
Choose White: every shape turns white and the background goes transparent, so the logo sits on any dark page, slide, photo or shirt. Check it on the black background in the preview, then take SVG for screens, PDF or EPS for print, or a transparent PNG for everything else. It works the same for a black, navy, red or multicolor logo.
Choose Any color and pick the color, or type its exact HEX code into the color picker. The whole logo turns that one color on a transparent background. The logo’s own colors appear as swatches too, so a one-color version in the brand’s main color is a single click.
Yes. Black and White are one click each, both on a transparent background, and both download as a transparent PNG, an SVG, a PDF and an EPS. Black suits light paper, engraving and stamps; White suits dark backgrounds, video and dark fabric.
In PowerPoint, select the logo, open the Picture Format tab, choose Corrections, then Picture Corrections Options, and move the Brightness slider all the way up. In Canva, a logo that shows color tiles on the toolbar takes white from each tile; for any other logo, make the white version here and upload it through the Uploads tab.
SVG for websites and apps, PDF or EPS for print, and a PNG with a transparent background (512, 1024, 2048 or 4096 px) for documents, slides and video. All of them stay sharp. Skip JPG: it cannot store transparency, so a white logo saved as a JPG arrives in a box.
Yes. Details drawn in white inside the logo, such as the inside of a letter or a thin line between two shapes, stay open: they become see-through, so the dark background shows through them and the design reads exactly as drawn.
Drop the PNG and choose White. A white or flat-colored background is removed first, so the result is a white logo on a fully transparent background.
It is free and unlimited for your own files, with no account, and your file never leaves your browser. Starting from a company's website uses the Logo Finder's free daily searches.
The version of a logo made for dark backgrounds, usually white or a light tint, so a site in dark mode or a dark slide still shows it clearly. A website can switch between the two automatically.
How useful was this tool?
On a black card, a dark wristband or a kraft box: Proofscene shows your customer the finished product in 3D before it is printed, on your own branded link.
Free account · No credit card · Built by print people