Processed on-device · pdf.js + pdf-lib

PDF to Grayscale Converter — remove color, simplify printing, standardize document appearance

Pick a conversion mode, adjust intensity with a live preview, and convert all pages or just a range — the result is a clean grayscale PDF ready to print or archive.

See the four steps
3 conversion modes Live intensity preview Page range support Nothing leaves your device
Built & maintained by Bhavin J. Sheth | Updated

The grayscale console

Upload a PDF, preview the conversion live, then apply it to the pages you choose.

Drop your PDF here

or browse files

How grayscale conversion works

Grayscale is a filter baked into a new file

This isn't a viewer setting — the selected filter treatment is baked into a new image-based PDF, so the converted appearance travels with the file when it's opened elsewhere.

Every pixel, recalculated

A colorful presentation that needs to go through a black-and-white office printer, a scanned form with color noise you want gone, a document being archived where color adds nothing but file size — each of these is solved the same way: convert every pixel's color to a single shade of gray.

Each page is rendered to a canvas with pdf.js, the selected CSS filter treatment is applied to the rendered page, and the result is re-embedded as a new page image with pdf-lib. The three modes combine grayscale with different filter treatments, which is why the same page can look noticeably different depending on which mode you pick.

Every control and what it changes

Standard grayscale

A straight, even conversion — the most natural-looking result for the widest range of documents.

Black & white (threshold)

Pushes contrast to the extreme so nearly every pixel lands on pure black or pure white — no midtones.

Soft gray

Adds a slight warm tint to the grayscale result, giving a gentler, less clinical look on the page.

Intensity slider

Blend partway between full color and full grayscale, previewed live before you convert.

Specific pages

Convert every page, or type a range to leave certain pages in full color.

Mode matters more than intensity

Set the intensity first, then pick the mode that suits the content.

1

Upload your PDF

Drag it onto the upload area, or click Select PDF. The first page renders in the live preview right away.

Page through the document with the arrows before converting.
2

Pick mode and intensity

Use the control panel to shape the result:

Mode: Standard, Black & White, or Soft Gray.
Intensity: drag the slider and watch the preview update live.
Pages: all pages, or a specific range.
3

Convert

Click Convert to Grayscale. Every selected page is rebuilt in this tab, nothing uploaded.

The live preview already showed you what to expect.
4

Download

Rename the output file if you like, then download the finished grayscale PDF.

Live preview Nothing uploaded

From full color to clean grayscale

A colorful page, converted at full intensity in Standard grayscale mode.

Original Full color
Original PDF page in full color before grayscale conversion

Colored charts, highlights, and images — useful when color carries meaning, unnecessary when a black-and-white copy will do.

Converted
Grayscale Clean & consistent
PDF page converted to grayscale after processing

Same page layout with the color removed — ready to review or print in black and white.

Documents where color isn't doing any work

Cases where removing color saves money, standardizes output, or just isn't needed.

Common situations for converting a PDF to grayscale, by user type
SituationWhy remove colorTypical user
Bulk office printingStrip color before sending documents to a black-and-white printer when color is unnecessary.Offices & admins
Legal filingsSome courts and filing systems specify black-and-white submissions, whatever the source document's color.Lawyers & paralegals
Archival storageStandardize a mixed collection of documents to a consistent grayscale appearance.Archivists & librarians
Academic submissionsPrepare a grayscale version when a journal, university, or submission guideline asks for black-and-white output.Students & researchers
Faxing & scanning workflowsPrepare documents for legacy workflows where grayscale or black-and-white output is expected.Offices with legacy systems
Design proofingCheck that a layout still reads clearly with color removed, before final print approval.Designers & print shops
Photocopying preparationPreview and prepare a grayscale version before sending it to a black-and-white photocopier.Businesses & schools
E-reader optimizationPrepare documents with grayscale output for viewing on grayscale e-ink displays.E-book readers
Conversion modes explained

Three modes, one slider

Each mode applies a different filter treatment to the rendered page — here's what actually changes.

Standard grayscale

A straight conversion with no additional adjustment — every color becomes its equivalent shade of gray, midtones intact. The default option, and a good starting point for most documents.

Black & white (threshold)

Applies extreme contrast on top of the grayscale conversion, pushing nearly every pixel to pure black or pure white with almost no grays between. Good for line art, signatures, and text-only scans — but it will crush detail in photographs.

Soft gray

Adds a light sepia treatment after the grayscale conversion, producing a warmer tone instead of a strictly neutral gray. Use it when you want a softer-looking page.

Intensity slider

Works on top of whichever mode is selected — 100% is fully converted, lower values blend the grayscale result back toward the original color proportionally. Useful for a muted, partially-desaturated look rather than full black-and-white.

When the converted file isn't what you expected

What's actually happening, and the fastest way through it.

Symptom
Why it happens
Fix

Result looks flat and washed out

Standard mode on a low-contrast source image.

Try Black & White (threshold) mode for a much punchier, higher-contrast result.

Some color is still visible

The Intensity slider was set below 100%.

Drag the slider to 100% for a fully grayscale result, then re-convert.

Text isn't selectable in the output

Each page becomes an image to guarantee a correct visual conversion.

Expected — run OCR on the grayscale file afterward if you need selectable text.

File size didn't shrink much

Removing color doesn't automatically reduce resolution or apply compression.

Run the result through a PDF compression tool afterward for a smaller file.

Only some pages converted

Specific Pages was selected but the typed range didn't cover the pages you meant.

Check the page range field, or switch to All Pages to convert everything.

A password-protected PDF won't load

This browser-based renderer may not be able to open encrypted or password-protected files.

Open or decrypt the file using a method you trust, then upload the accessible copy.

Result looks flat

Why: Standard mode on low-contrast source.

Fix: Try Threshold mode.

Color still visible

Why: Intensity below 100%.

Fix: Set the slider to 100%.

Text not selectable

Why: Pages become images.

Fix: Expected — run OCR after.

File size didn't shrink

Why: No compression applied.

Fix: Compress it afterward.

Only some pages converted

Why: Range didn't cover them.

Fix: Check the range or use All Pages.

Password-protected PDF won't load

Why: Encrypted files may not open in-browser.

Fix: Decrypt it by a means you trust, then upload.

Getting a clean conversion in one pass

A working order that avoids the most common redo.

Start with Standard mode

It's the default and gives the most natural-looking result for the widest range of documents — only switch if it looks wrong.

Use the live preview before converting

Page through the document and watch how each mode and intensity level looks before running the full conversion.

Use Threshold for line art and text scans

Signatures, diagrams, and text-only scans come out much crisper in Black & White mode — but avoid it for photographs.

Compress afterward if size matters

Grayscale conversion alone doesn't shrink the file — run it through a compression tool next if size is the goal.

Keep the original file

Grayscale conversion is one-way — keep the source PDF so you can produce a different version at different settings later.

Rename before downloading

A clear name like "report_grayscale.pdf" makes the converted file easy to identify later.

PDF to grayscale FAQs

If something's not covered here, the troubleshooting section above likely has it.

Is it safe to upload my documents here?

Yes. The entire conversion process happens locally in your browser — your files are never uploaded to a server.

Will converting to grayscale reduce the quality of my PDF?

Each page is re-rendered at a fixed processing scale and saved into a new image-based PDF. Color is removed while the page layout is retained. Because the output is image-based, text is no longer selectable, and the visual result depends on the source PDF, the mode, and the intensity you choose.

Can I apply the grayscale effect to only some pages of my document?

Yes. Select Specific Pages in the control panel and enter page numbers or ranges (e.g., "1, 3-5, 8"). Pages you don't select keep their original colors — though every page in the output is rebuilt as an image, including the ones left in color.

Can I reverse the grayscale conversion after downloading?

No — the downloaded file is a new, permanently grayscale version. To get color back, use your original, unconverted PDF. Always keep a copy of the original.

What happens to my file after I'm done?

Nothing — it was never uploaded. The grayscale PDF is generated in your browser and downloaded as a new file; the original stays untouched.

Build notes

The write-up on how this was built

Because rendering and re-encoding run client-side, I wrote up the implementation — how the grayscale filter, threshold contrast, and soft-gray treatment combine with the intensity slider, and how the live preview stays in sync with them.

Published on freeCodeCamp

How to Build a PDF to Grayscale Converter Using JavaScript

Covers canvas filter composition, the three conversion treatments, and client-side processing that keeps files private on the user's device.

Read the write-up on freeCodeCamp

Written by Bhavin Sheth · Founder, AllInOneTools