Advertisement
Colors become one of the most important part of any web design. Designers can create impression, emotion, style site based on color choices. Because the color is very important, designers must understand the meaning of colors in order to convey certain messages.
Here the meaning will be discussed and examples of the use of color in the web design. I will share the meaning of the 10 colors used in web design. Each color will be explained the meaning of positive and negative, also with examples of websites that use that color. Feel free to comment your experience when using color in developing website.
Notes: If you want to learn how to generate color palette for your web design, feel free to read our article about Online Color Generators.
Red
Red symbolizes passion, aggressiveness, power, and also help stimulate the energy, vitality. This color has a productivity effect, struggle, competition and the red color, however kebirahian also has a negative meaning of anger and emergency
Example: 45 Examples of Using the Color Red in Web Design
jonwallacedesign
Logo Design Gallery
Visual Designer
Green
Greens have a natural taste, refreshing, calm, health and healing qualities. Color is widely used in the design beruhubungan with herbal remedies, activities related to the environment. On the other side of the green symbolized as money, it shows the greed, also shows a lack of experience or a beginner
Example: 15 Grandiose Green Website Designs
Green Ideas
IE6 Bugs, Problems, Fixes, Solutions, Tips & Tricks
Yoast
Orange
Orange is a combination of red and yellow. Orange color symbolizes enthusiasm, a sense of openness and friendliness. This color is the color of joy, happiness, joy. On the Blog can enhance mental activity. Besides, the color of Orange gave a strong impression on the elements that are considered important. Orange color has a negative meaning of ignorance and lies
Example: 30 Orange Websites
Move Your Body
Downtown Denver Hotel
Wanna Burger
Blue
The blue color symbolizes peace, reliable, confidence. This color gives the impression calm and stressed the desire. Blue eyes did not ask for attention. Objects and blue images can basically create a feeling of cold and calm. Blue color can also display the power of technology, cleanliness, air, water and deep water. In addition, if combined with red and yellow colors can give the impression of trust and health. The blue color has a negative meaning of depression, indifference
Example: 30 Beautifully Blue Web Designs
Pasquale D’Silva
Icebrrg
Frisk design
Black
The black means power, eternity and depth. Sometimes black is negatively related to binding, strength, formality, mystery, wealth, fear, evil, unhappiness, feelings of deep sadness, anger, something that violates (underground), modern music, self esteem, anti-establishment.
Example: 20 Examples Of Dark & Minimalist Website Designs With Great Typography
Black Estate
Ole Martin Kristiansen
tictoc family
White
Showing peace, apology, self achievement, spirituality, divinity, virginity or chastity, simplicity, perfection, cleanliness, light, takbersalah, security, unity. Very nice white color to display or emphasize other colors and give the impression of simplicity and cleanliness. White is the universal color for peace. And white has a negative meaning as cold and distant colors
Feelwire
Sofa
Square Factor
Purple
Purple means the color royalty, wealth and kemewahaan. Color purple can also show the influence, third view, spiritual strength, knowledge is hidden, high aspirations, nobility, ceremony, mystery, enlightenment, telepathy, empathy, arrogant, intuition, trust in, ambition, magic or miracle, self-esteem. And the negative side of the color purple is sadness
Example: 25 Kick Ass Purple Portfolio Website Designs
GoodBytes webdesign bureau
Full Fat Studio
SW Graphic
Yellow
Often in yellow means represents intelligence, optimism, joy. Yellow color stimulates mental activity and attract attention, is very effectively used in the blogsite that emphasizes the feelings of happiness and childish. Yellow color has a negative meaning laziness and jealousy.
Example: 50 Amazing Example of Yellow Inspiration
Sketchen
Paralotna
Gareth Dickey
Brown
Brown color indicates friendship, special events, earth, materialistic thinking, reliability, peace, productivity, practical, hard work. Brown color is not attractive when used without additional image and certain ornaments, brown ornaments must be supported by others so interesting. But the color of chocolate may also mean dirty, dull, and boring.
Example: 20 Great Examples of the Use of Brown in Web Design
Sergio Noviello
James Lai Creative
Tea Round App
Pink
Pink means spring, gifts, appreciation, admiration, sympathy, health, love, June, marriage, femininity, (feminine), youth (youth). Pink Color can also exhibit a symbol of affection and love, friendship, femininity, trust, goodwill, the treatment of emotion, peace, feeling fine, feeling a sweet and beautiful. And pink negative meaning is Homosexuality, Bisexuality, naive, weaknesses, shortcomings.
Example: 21 Good Examples of Pink in Web Design
Digital Devotion
Cow And Monkey
BigFilebox
Well done, I can see many excellent examples here. My favorite is yellow but using Yellow comes with many risks
!
Great post with superb examples
Great article, Yanuar! My favorites are blue and brown – I always seem to gravitate towards those.
By the way, I’d agree with most of your assessments but I’m just wondering how you determined which feelings go with which colors. Are those just your personal associations, or are they psychologically proven? It was a good article either way!
thank you .. good question, it’s not my personal opinion and I think it was a mutual agreement in the field of psychology
Good article and I like the color combination
Thanks
Do you ever need to consider colorblindness when it comes to factoring in what types of colors to use?
yup.. i think that is very important for me
If you really want to get technical, pink is just a shade of red
But where is the fun in being technical? great list, some good uses indeed.
pink synonymous with softness and cheerful
actually pink is a ‘tint’ of red, as it’s red with white added, whereas a ’shade’ of red would be darker ;P
Great showcase!
Nice info! How about colors green and yellow?What do they symbolize? They’re my face colors.
green is the symbol for the natural, natural yellow while the symbol for the brain
Great examples! Blue is always a classic.
@Lam Nguyem @Nikola Lazarevic @webmaster @Mihai O @Jenna Molby
thank for your feedback
Excellent showcase…. Red and Orange websites truly inspire me a lot. They spread a lot of positive energy.
Thanks for sharing this article
This is by far one of the best articles I’ve read in a while. Great job!
Hi! What do you mean with: “…And pink negative meaning is Homosexuality, Bisexuality…”
I think you don’t mean it the wrong way but it’s not quite correctly formulated… What do you think?
i mean for porn exploitation
nice examples show in the list. beautiful designs.
i feel blue really works well on the web.
Hi Maverick,
I agree with you. I like blue color very much
I found a mistake, when I clicked in the examples of brown websites link, it took me to the same place where the example of yellow websites link sent me to.
thank you Antonio for your correction , i have fix it
Great illustration of the use of colors and themes! I love seeing the Curtis Hotel (Denver) here. Their design is fabulous, and was done by high end designers Korn Design from Boston. Check them out for inspiration: http://www.korndesign.com/
Thanks, this was very interesting and informative.
It makes me wonder about the psychological impact of shapes and if you can leverage specific shapes with specific colours to produce certain emotional response.
Bold colour use does take some courage sometimes! The choice of colour has to be taken very carefully as it could possibly alienate some users for a particular brand.
I also find it interesting that green tends to lend itself more to illustrative designs – something I’ve noticed before.
Great inspirational list.
Wow! Great article in web design perspective. Thank you.
Great information. If my website included here, where will it be placed? On White categories?
I don’t think you can ever have enough great red websites, there’s something really powerful about a solid block of color on the web.
thanks for a great collection!
Nowadays more and more people are going for a monotone trend, a black and white website that looks more business-like.
However, that red is gorgeous, I like it the most.
Thank you for including me in this list! Nice showcase. Thanks for the share.
Very Excellent!!! Congratulations!!!
I love looking at Icebrrg’s site. There is just something about it that makes it look so pleasing to look at. Plus I see that many blogs blog about it.
Interesting – glad I picked green yellow and orange for my site !
I think in these enlightened times you should maybe change your last sentence in the pink description as those things would only be negative if you perceive them as negative. I suspect that pink is a colour which will be very carefully chosen before using in a website unless its an obvious one like “girls makeover parties” or girls clothes etc. The examples shown work well in pink although I suspect the last two would work equally well substituing the pink for green or another colour.