PDF Adjust Colors

PDF color adjustment modifies the visual appearance of every page by applying image processing filters to the rendered content. Unlike editing individual PDF objects, this approach rasterizes each page, applies color transformations via the HTML Canvas 2D API, and re-embeds the processed images into a new PDF document.

How canvas CSS filters transform PDF content

The Canvas 2D API supports a filter property that accepts CSS filter functions identical to those used in stylesheets. When a PDF page is rendered to canvas via PDF.js, the tool applies a composite filter string — for example, brightness(1.2) contrast(1.1) saturate(0.8) — before drawing the image data. The browser's rendering engine handles the pixel-level math using optimized native code, making the operation fast even on high-resolution pages.

Brightness, contrast, and saturation explained

Brightness scales all RGB channel values linearly — a factor of 1.5 multiplies each pixel's red, green, and blue values by 1.5, clamping at 255. Contrast adjusts the difference between light and dark areas around a midpoint of 128 — values above 1.0 push light pixels lighter and dark pixels darker. Saturation controls color intensity in the HSL color space — 0 produces a grayscale image, 1.0 preserves original colors, and values above 1.0 intensify hues.

Grayscale and invert transformations

The grayscale filter converts each pixel to its luminance equivalent using the ITU-R BT.709 formula: 0.2126R + 0.7152G + 0.0722B. This weighting reflects human visual perception — green contributes most to perceived brightness. The invert filter subtracts each channel from 255, producing a photographic negative effect useful for creating dark-background versions of light documents.

Rasterization trade-offs

Because this tool renders pages to bitmap images before re-embedding them, the output PDF contains rasterized content rather than vector graphics. Text is no longer selectable or searchable. The rendering resolution (200 DPI by default) determines the quality-size trade-off. For documents where text searchability is critical, consider using PDF OCR on the output to restore a text layer.

All processing happens client-side in your browser. For other PDF visual modifications, try PDF Posterize for tiled printing, PDF to Greyscale for dedicated desaturation, or PDF Scanner Effect for simulated scan appearance.

Adjusting PDF colors serves several practical purposes:

• Print optimization — Increasing contrast and brightness compensates for the darkening that occurs during inkjet and laser printing, producing output closer to the on-screen appearance.
• Accessibility — Inverting colors creates a light-on-dark reading experience for users with photosensitivity. Increasing contrast makes faded or low-contrast scanned documents more legible.
• Ink savings — Reducing saturation and converting to grayscale significantly reduces color ink consumption when printing reference documents that don't require full color.
• Scan correction — Scanned documents often appear washed out or have color casts from scanner lighting. Brightness and contrast adjustments restore visual clarity without re-scanning.
• Presentation preparation — Adjusting color properties ensures consistent visual appearance when combining PDFs from different sources into a single presentation or report.

Processing locally ensures confidential documents — medical records, financial statements, legal filings — never leave your device. For additional post-processing, combine with PDF Compress to reduce file size or PDF Split to adjust only specific page ranges.