Mobile app version of vmapp.org
Login or Join
Jessie844

: How can I increase the contrast in a color image converted to grayscale? The original image is: And the black white version becomes: As you can see, the cyan colored cells disappear in

@Jessie844

Posted in: #Color #ColorConversion #ColorTheory #Contrast

The original image is:



And the black white version becomes:



As you can see, the cyan colored cells disappear in the black & white version. How can I modify the original image so that the contrast is maintained in the black and white version?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Jessie844

3 Comments

Sorted by latest first Latest Oldest Best

 

@Turnbaugh909

If you need colors that will contrast well when converted to grayscale you need to use colors with contrasting luminosity levels.

The RGB or CMYK color models aren't very good for doing this so you can use another color model to differentiate your colors. You don't necessarily need to convert your document to another color spaceā€”In Photoshop's color picker, for example, it shows you and allows you to edit color values in a number of color models:



You can compare the "L" (lightness) value in the Lab color space, the "L" (lightness) value in HSL (which Photoshop doesn't use) or the "B" (brightness) in HSB color for a comparison (or sometimes "V" in HSV, which is the same as HSB with a different naming convention).

The values don't directly correspond to the same thing in the other color spaces so only compare the values in the same color space, but they will give you an indication of the difference in luminosity levels.


Lab color space
HSL and HSV


If we take the colors used in your example and check the Lab values we can see that the lightness (the "L" value) is very close, which means they will be very similar when converted to grayscale. If we adjust only the lightness value then convert to grayscale you can see a much bigger difference in the result:

10% popularity Vote Up Vote Down


 

@Heady304

After decomposing a coloured image to it's RGB colors we often find a resulting gray-scale that suits our needs better that a gray scale based on brightness values alone:

Red:

Green:

Blue:
With Gimp this can be done using Colors > Components > Decompose....

10% popularity Vote Up Vote Down


 

@Lee3735518

For a black and white version with a higher contrast in Photoshop:


Select image layer of the colored version.
Use CTRL+L to open the level correction.
Put the middle and right arrow closer together to get a higher contrast of the colors in this range. (I set them to 0, 0.15, 200.)
Add the black and white effect by putting a black and white adjustment layer on top.
It looks like this now:


The image quality is really bad now, but at least you can distinguish the cells. Note that the quality of the image you provided is not very good and it can only go downhill with these types of editing.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme