Decisions for the use of color in websites is often based on personal taste or preferences by the site owner. They choose what they can see and read. Unfortunately, colors are not rendered the same on all computer devices, browsers and even eyesight.
Each of us has our own abilities to see with our eyes and many of us do not see colors the way they should be seen. For awhile, webmasters were adding tools to increase font sizes to make their content adjustable for people to increase readability, but this did not solve the problems with color contrasts or color rendering.
We respond emotionally to color. Artists experiment with color to attract our eyes to specific parts of a canvas. We often make choices based on color. Did you know that men are more likely to be colorblind than women? The most common color deficiency is red-green color blindness and nearly 8% of men are colorblind. Imagine shopping online for a hot red car,
but the crazy hot red Tesla just doesn’t look so good in olive green.
Or, looking at fireworks on a website
and it looks like this.
A common mistake is using the color red for headlines and call to action buttons. If your website targets men, many of them will not see the red. Color tests have also indicated that red increases heart rates and creates excitement, which may not be useful on a healthcare website or sites with enormous product inventories that require time to browse.
It’s interesting to note that Mother Nature knows her stuff when it comes to colors. She chooses an analogous color palette.
This means the colors tend to be closer together. Similar colors vibrate at rates closer to each other and we respond to this. Choosing analogous colors creates a sense of serenity and calmness, so these would be good choices for websites where you might wish for your visitors to stay, read and browse.
In contrast, contrasting colors vibrate differently and sometimes we may have to look away when colors bang against each other.
Do colorblind testing when choosing colors for your website to see how your images and buttons will look.
Take a walk outside and note what you see and how you feel when you gaze at a sunset, rainbow, stop sign, flashing neon signs, road signs and meadows. It can be fun to find inspiration from artists or just life, once you close your laptop lid.
Photo credits:
http://www.teslamotors.com/
http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm#color_harmonies
http://longwoodgardens.org/
Comments
Lessons in Color, Colorblindness and Use of Web Site Color http://t.co/GbqUPb2G8q
Lessons in Color, Colorblindness and Use of Web Site Color http://t.co/LkpMOWnwoL #OnlineMarketing
‘Lessons in Color, Colorblindness and Use of Web Site Color’ by @kim_cre8pc @NinjasMarketing http://t.co/MyOxcgMQu2
‘Lessons in Color, Colorblindness and Use of Web Site Color’ by @NinjasMarketing http://t.co/WNmuDYUTUA
RT @NinjasMarketing: Lessons in Color, Colorblindness and Use of Web Site Color http://t.co/ILC4qVz1pF
RT @IMNinjaMike: ‘Lessons in Color, Colorblindness and Use of Web Site Color’ by @kim_cre8pc @NinjasMarketing http://t.co/MyOxcgMQu2
Lessons in Color, Colorblindness and Use of Web Site Color http://t.co/eOQHjXiL42
Lessons in Color, Colorblindness and Use of Web Site Color http://t.co/EgkpwfYV1n #DigitalMarketing
‘Lessons in Color, Colorblindness and Use of Web Site Color’ by @NinjasMarketing http://t.co/iU42WVnenK
Great insight for all my web & graphic designers: Lessons in Color, Colorblindness and Use of Web Site Color http://t.co/LEMVPdXpvv
Lessons in Color, Colorblindness and Use of Web Site Color by @kim_cre8pc @NinjasMarketing http://t.co/vyZTHVxQ5K #SEO
RT @NinjasMarketing: Lessons in Color, Colorblindness and Use of Web Site Color http://t.co/ILC4qVz1pF
‘Lessons in Color, Colorblindness and Use of Web Site Color’ by @NinjasMarketing http://t.co/MP1lqXOTob
‘Lessons in Color, Colorblindness and Use of Web Site Color’ by @NinjasMarketing http://t.co/MKGDTZD30t
.@kim_cre8pc educates on this essential yet often overlooked design element http://t.co/yUUOu4iuOd via @NinjasMarketing
Lessons in Color, Colorblindness and Use of Web Site Color http://t.co/Qi09EGmwEN http://t.co/F2pkXAMFwZ
Mother nature knows best | Lessons in Color, Colorblindness and Use of Web Site Color via Internet Marketing Ninjas http://t.co/bW09tNBFY0
RT @PaulinKatherine: Mother nature knows best | Lessons in Color, Colorblindness and Use of Web Site Color via Internet Marketing Ninjas ht…
Color theory vs. color blindness. An interesting article of things as designers we may forget to take into account… http://t.co/BzQeCdH3aR