How to Create a Striking Grayscale Effect

Published: (January 17, 2026 at 05:21 PM EST)
2 min read
Source: Dev.to

Source: Dev.to

Introduction

In this post we will create a striking grayscale effect by examining grayscale, thresholds, and S‑curves.

For this demonstration we will convert The Calling of Saint Matthew by Caravaggio into grayscale. Caravaggio’s paintings are striking in their use of light, and we aim to preserve that quality while transforming the masterwork to grayscale.

The Calling of Saint Matthew by Caravaggio

A Simple Grayscale

First, we use the grayscale tool provided by BrushCue. The tool converts each pixel from RGB to an XYZ color space, extracts the luminance (the Y component), and sets the X and Z values to 0 to create a grayscale image.

Simple grayscale version

While technically correct, this result is far from striking; the image appears too gray for many tastes.

Using a Threshold

To increase contrast, we can push colors to either white or black using the Lightness Threshold tool.

Color threshold version

This maximizes contrast but produces an extreme, binary look that isn’t the desired effect. We need something between a normal grayscale and a full threshold.

Using a Lightness S‑Curve

An S‑Curve can boost contrast by pulling values toward 0 (black) and 1 (white) while preserving detail. The curve’s input (x‑axis) maps to output (y‑axis); values below 0.5 are darkened, and values above 0.5 are lightened.

The interactive component in the original post demonstrates this concept.

BrushCue’s Composition Lightness Curve operation implements the S‑Curve. You can experiment with it via the High Contrast Grayscale tool.

Striking grayscale version

The result shows a striking difference between dark and light areas while still preserving the detail of a standard grayscale. This approach offers a compelling way to enhance grayscale images without losing nuance.

Back to Blog

Related posts

Read more »

SSR vs SPA | Qual usar?

O objetivo deste artigo é guiá‑los na escolha da melhor tecnologia para sua aplicação. Quando iniciei minha carreira, comecei com JSF JavaServer Faces, um MPA M...

SEO Explained

!Cover image for SEO Explainedhttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazo...