Indexof

Lite v2.0Geographic Information Systems › Desaturate OSM Basemaps Inside Polygons: QGIS 3.40 Tutorial › Last update: About

Desaturate OSM Basemaps Inside Polygons: QGIS 3.40 Tutorial

Selective Desaturation of OSM Basemaps Within Polygons in QGIS 3.40

In high-end cartography, drawing the viewer's eye to a specific study area often requires subduing the surrounding context. While OpenStreetMap (OSM) provides rich detail, its vibrant colors can clash with your thematic data. QGIS 3.40 offers a sophisticated way to handle this through "Inverted Polygons" and "Layer Blending Modes." Instead of editing the raster data, we use a vector mask to dynamically alter the saturation of the WMS or XYZ tiles. This non-destructive technique ensures that your basemap remains sharp while achieving a professional, muted aesthetic inside your project boundaries.

Table of Content

Purpose

The primary purpose of this workflow is to create a Visual Focal Point. By desaturating the OSM basemap only within a polygon (or conversely, grayscaling everything except the polygon), you eliminate color competition between the background and your foreground analysis. In QGIS 3.40, we leverage the Saturation Blending Mode, which allows a white or gray vector layer to "drain" the color from the raster layers beneath it in real-time without needing to export or reprocess the imagery.

Use Case

Desaturating specific areas is vital for:

  • Urban Planning: Highlighting a proposed development site in full color while keeping the surrounding city block in grayscale.
  • Environmental Impact Studies: Muting the background to make heatmaps or flood risk zones stand out more clearly.
  • Historical Mapping: Giving an "aged" look to specific districts within a modern city map.
  • Marketing Maps: Grayscaling competitive territories while highlighting "active" service areas.

Step by Step

1. Prepare the OSM Basemap

Add your OpenStreetMap layer via the Browser Panel (XYZ Tiles) or via a WMS connection. Ensure it is at the bottom of your Layers Panel.

2. Create or Select Your Target Polygon

Identify the vector layer containing the polygon where you want the desaturation to occur. If you want to desaturate inside the polygon, follow these specific styling steps:

3. Apply Inverted Polygon Styling

  1. Open the Layer Styling Panel (F7) for your polygon layer.
  2. Change the symbol type from "Simple Fill" to Inverted Polygons. This tells QGIS to apply the style to the area inside the polygon boundaries.
  3. Select the "Simple Fill" sub-layer and set the Fill Color to a neutral gray (e.g., Hex #808080) or pure White.
  4. Set the Stroke Style to "No Pen" to avoid an outline.

4. Configure the Blending Mode

This is the critical step that creates the desaturation effect:

  • Scroll down to the Layer Rendering section at the bottom of the Styling Panel.
  • Locate the Blending Mode dropdown (not the Feature blending mode).
  • Select Saturation or Color from the list.
  • You will immediately see the OSM basemap underneath turn to grayscale specifically where the polygon exists.

5. Fine-Tuning Intensity

If the desaturation is too "flat," adjust the Opacity of the polygon layer. Lowering the opacity to 70% will allow a small amount of the original color to bleed through, creating a "muted" rather than fully "gray" effect.

Best Results

Effect Type Fill Color Blending Mode
Total Grayscale Pure White (#FFFFFF) Saturation
Deep Muted Tones Dark Gray (#404040) Color
Sepia/Aged Look Pale Brown (#C2B280) Color

FAQ

Why is my whole map gray?

Ensure you have selected Inverted Polygons. If you use a standard "Simple Fill" with the Saturation blending mode, the effect will only apply to the area of the polygon. If the whole map is gray, you likely applied the blending mode to the OSM layer itself instead of a mask layer above it.

Can I desaturate everything EXCEPT the polygon?

Yes. Simply use a standard Simple Fill (not Inverted) for your polygon. Cover the entire map area with a large rectangle polygon, use the "Difference" tool to cut your study area out of it, and apply the Saturation blending mode to that "donut" layer.

Does this work on high-resolution exports?

Yes. QGIS 3.40 renders blending modes accurately during PDF and Image exports. However, ensure that "Print as Raster" is checked in the Layout Manager if you encounter transparency issues in certain PDF viewers.

Disclaimer

Blending modes are GPU-intensive. Large, complex polygons with many vertices may slow down the canvas refresh rate in QGIS 3.40. This tutorial is based on the 2026 LTR release standards. Always verify that your project CRS matches the OSM (EPSG:3857) to avoid visual artifacts at the polygon edges during the blending process.

Tags: QGIS340, Cartography, OSM, LayerBlending

Profile: Master the art of selective desaturation in QGIS 3.40. Learn how to use Inverted Polygons and Layer Blending Modes to grayscale OpenStreetMap only within a specific area. - Indexof

About

Master the art of selective desaturation in QGIS 3.40. Learn how to use Inverted Polygons and Layer Blending Modes to grayscale OpenStreetMap only within a specific area. #geographic-information-systems #desaturateosmbasemapsinsidepolygons


Edited by: Joshkit, Cedella Allen, Martina Pugliese & Indah Sujatniko

Close [x]
Loading special offers...

Suggestion