Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Choosing colors that convert nicely to greyscale

If I'm designing af tool that must "screenshot" well for printed documentation, can I easily choose colors that look different even when printed in greyscale?

EDIT: I was hoping for some easy-to-use palette or tool, but the inputs given already is very insightfull for sure

like image 839
svrist Avatar asked Feb 28 '23 09:02

svrist


2 Answers

Yes. Your best choice would be to choose colors that have a high level of relative contrast. Frankly, it might even be easiest for you to design your UI in greyscale in the first place. Basically, you're going to want to choose colors that are either lighter or darker than the colors around them by a decent amount.

like image 198
Sushisource Avatar answered Mar 03 '23 13:03

Sushisource


You could calculate the luminance from the RGB values:

Y = 0.2126 R + 0.7152 G + 0.0722 B

And make sure your Y values for your selected colors are as distributed as evenly as possible.

like image 26
ghoppe Avatar answered Mar 03 '23 15:03

ghoppe