I have a OL3 map with one tile and one vector layer. Since the features on the vector layer don't stand out enough against the tile layer in the background, I want to desaturate the tile layer.

I'm aware of the Hue/Saturation Example, but this approach works only with WebGL. WebGL in turn does not support vector layers.

How can I desaturate an OpenLayers 3 tile layer when using the canvas renderer?

NOTE: I cannot desaturate the tiles on the server, because I don't control the server that hosts the tiles.

1 Answer 1


Yes. It's possible.


Change chroma to 0%. Raster layer will become desaturated whereas vector layer remain colored.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.