Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Color is subjective, but beyond the subjectivity we actually see colors differently. Many of us are colorblind; as many as one in 10 men in the US have some form of color blindness. There are two types of colorblindness, Protanopia which is a blindness to red and Deuteranopia which is a blindness to green. Photoshop let's us proof our colors simulating these forms of colorblindness. So here I have a design with the text in red and a color wheel and when I change my Proof Setup to Protanopia, the red practically disappears and the colors in the color wheel, we can see shift quite dramatically.
The other type of colorblindness, Deuteranopia is a blindness to green. Color Universal Design or CUD is a design methodology by which we design for as wide an audience as possible. So we need to proof our colors for these different types of vision. Also, and this is more a commonsense thing than anything else. If you are creating web design, say for example, you are mocking up a website in Photoshop and that design obviously includes text, you need to make sure that the text has sufficient contrast against this background color.
Now things have improved dramatically since the 1990s. And we don't have so many shocking text and background color combinations as we used to, as a much heightened awareness of the problem of color contrast. But this is a very useful tool and there are several like this. If you type in Color Contrast Check into your browser, then you will come out with tools like this that will help you evaluate whether your intended text color and your background color has sufficient contrast to pass the Web Content Accessibility guidelines.
So you can adjust these sliders to change your intended foreground color, and your intended background color, and it tells you whether that combination has sufficient contrast and the contrast ratio. Really, we want to be going with a contrast ratio of at least seven. So if I were to switch my Foreground color to Black and my Background color to White, completely compliant a Contrast Ratio of 21, doesn't get much more contrasty than that; it's a hard combination to beat in terms of readability, black on white.
But you can now experiment with changing your background color and potentially your foreground color and seeing what contrast ratio you have. Just make sure that whatever combination you use; you end up with a compliant color contrast combination.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 57754 Viewers
119 Video lessons · 67280 Viewers
84 Video lessons · 16648 Viewers
125 Video lessons · 29546 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.