How to choose the right color scheme for the site? (part 2)
Who is your site primarily targeted at, men or women? Or maybe on those and others?
Bright and muted color schemes for the site
Men prefer bright colors, and women are muffled.
The experiment showed that, in general, men and women react equally to light and dark shades. But it turned out that women are more inclined to muted shades, and men – to bright ones.
As a rule, men like achromatic colors more than women. Achromatic colors are white, black and all shades of gray.
Light and dark shades
Women prefer light shades. The reason for this is their increased perception of certain colors.
Most preferred colors: blue, purple, green.
Least preferred colors: orange, brown, gray.
Most preferred colors: blue, green, black.
Least preferred colors: brown, orange, purple.
By combining and using colors that are more popular with men, women, or both, you can influence their subconscious perception of the brand.
According to research on color schemes, both men and women like green and blue. Both the one and the other, do not like orange and brown. If you want to attract the attention of both men and women, you need to use blue or green as the main color.
The color choice of your brand or product may also depend on how your customers want to impress others.
Often people buy certain goods or services to make a specific impression on others.
Many decisions are a reflection of what a person thinks of himself and how he wants to look in the eyes of others. This is what other people will think of when they think about this person:
So if you want people who love nature to buy your product, use green in the HTML color scheme. Want to attract people who feel young and confident? Use yellow. If you are interested in people who want to look solid and rich, use black.
It is now clear?
Think of the perfect representative of your target audience. How does he want to appear to other people?
Yes, it affects psychology. But you need to understand this in order to create a successful brand.
How to use the main color on your site
Now that you have decided on the main color of your site, you need to understand how to use it correctly. Color attracts a lot of attention, so don’t try to use it wherever you can.
Use the predominant color only in those places that you want to draw the attention of users, or encourage them to a specific action.
For example, call a phone number, fill out a form, subscribe to updates, etc.
The prevailing color should be striking, highlighting the details that you want to draw the attention of users:
Where to use the predominant color on the site?
Headings and titles;
2. Choice of accent colors
To make your design more interesting and professional, you need to use accent ready-made color schemes for the site. They can highlight the parts of your site that are worth paying attention to: quotes, buttons, or subtitles.
Many are afraid to use several colors at once, because it is not always intuitively clear whether they combine well. People think that in order to learn how to combine them, one must not only thoroughly study the theory of color, but also make a lot of mistakes.
There is an easier way for everyone. This is a color matching program that helps you select color schemes in the same way that professionals do!
How to use the program for the selection of accent colors
Once you have decided on the predominant color, there is nothing easier than choosing accent colors using programs such as the Adobe Color CC Tool:
Here is a short tutorial that will show you how to create a color scheme in one of two ways:
Based on the prevailing color
Step 1. First, find out the code for your prevailing color. For example, at ColorPicker.com. The color code is indicated in the rectangle directly above the square with the color palette.
After copying the code from ColorPicker.com, paste it into the “HEX” field of the Adobe Color tool. Make sure you paste the code in the column in the middle:
Paste the code for the prevailing color of your site into the MIDDLE box.
Once you specify a color, Adobe Color displays it on the screen along with other complementary colors.