Use grayscale filter to see where you are relying too much on colour

Categories

If you set the following on your html, you will be able to see which elements you rely too much on colour to convey state:

Code language
CSS
html {
  filter: grayscale(1);
}

It’s not a great idea to rely on colour for state because many people struggle to see the difference in colours. Instead, try using iconography and descriptive, helpful text labels.

Hello, I’m Andy and I’ll help you build fast & visually stunning websites.

I am currently setting up a new creative agency called Set Creative Studio and we are taking on projects for 2022, so if you have a project in mind, get in touch.