Which are the best colors I can choose for the articles in my web site?

If you already have read my post about the worst col­ors you can choose for the arti­cles in your web pages, you know already my opin­ion about it. And I hope you agree with me for most of them. But I  have men­tioned that there have some excep­tions about them.

And I said they can be used with mea­sure, yes they can but there have a ways for almost every­thing some­how in some way we can adjust the things to work and to looks good.

Let me explain. First of all the com­bi­na­tion of col­ors of our tem­plate is very important.

If you want your web site to look nice you must use some­where around 3 col­ors or max­i­mum 5 for the base of your tem­plate. I do not say that you should have only 3–5 color in your web page, lol this will look too sim­ple and non pro­fes­sional. But go and look in some pro­fes­sional web designs out there and you’ll notice that every web site have some color for it’s base.

Exam­ple web site for nature maybe will be with mostly green fresh color with some brown around or some­thing like that. So you should have some col­ors for your base depend­ing of what your site is about. I’ll prob­a­bly make a post about that in future but let’s con­tinue with our articles..

I have said that lightly back­ground with light text are not good for the reader, and I have give exam­ple for incom­pat­i­ble col­ors. For some of them you really should avoid using them,but for some there have excep­tions and we can adjust them. We only need to make them a lit­tle bit softer. And off course there have some which looks just good and some which looks just great.

And let’s begin with my list from the best you can choose.

1. Stan­dard white and black is one of the best and you really can use it almost in every web site,without need to change so much things. But if you want some­thing else?

Off course you will want, espe­cially if you like to exper­i­ment with col­ors. Then I hope the next sug­ges­tions will help you.

Standard white and black image

2.Make your back­ground and your text not so white and not so much black. Make it a lit­tle bit gray. Black to be a lit­tle bit brighter and white to be a lit­tle bit gray. And use this com­bi­na­tion if you can with your design.

This com­bi­na­tion will not make any­one eyes to cry. This is because this are soft col­ors and they are sim­i­lar. You know even in pro­grams like Pho­to­shop the com­bi­na­tion of col­ors are sim­i­lar in the new ver­sions. Grey back­ground and not so black texts.

Black background and gray text image

3. Again gray back­ground and dark soft blue. This looks very nice. You can read from this for long time. The same way you can use another color instead of blue. It can be dark green. I have men­tioned the hexa­dec­i­mal code for them in the image below.

Dark text and gray background image

4.Soft light blue and soft dark blue like in the pic­ture. Well this will begin to look not so good after a while, but it’s a excep­tions and you can use it.

text dark blue and soft light blue

5. The oppo­site to num­ber 2 and I have seen that many peo­ples begin to use it. On a black web site for port­fo­lios and Pho­tog­ra­phy web pages, for tuto­r­ial  Blogs and web sites and like http://abduzeedo.com/.

Yes this looks good and you can use it a lot if you like it. You see there have some lightly blue links and this is exactly what I mean when i said you can use such col­ors for links in your posts.

black background and gray text image

Let’s con­tinue with the 5 excep­tions from my arti­cle about the worst 5 col­ors you can choose…

1. You remem­ber the white back­ground and the ugly light blue with num­ber 2 from my arti­cles. If you really want to use such col­ors. Here is the way how to: You must make the lightly blue soft blue.This way it will be not the most per­fect thing. But it will be bet­ter and good enough, and you can use it in that way.

I have men­tioned the hexa­dec­i­mal code for the color. It’s the same for the other col­ors, you can make them more soft and you can use them What I mean with soft is that they are not so bright.

white background and soft light blue

2. You know the orange bg + green text. Here is an exam­ple how you can make it to looks bet­ter: I do not sug­gest this but you can use it in some web site if you lie it so much.

light soft orange and green text

3. And the last one I will show in this post. About the lovely pink or purple.If you like this col­ors here is an exam­ple of how to use it. But is again an excep­tion an you should avoid using it.

Purple or pink colors

I hope this post will help you in some way and you will learn some­thing from it. I want to tell one more thing only. You can make your whole web site in pink or blue or very green color and you can still make your arti­cles to be in some of the first 5 best sug­gested col­ors here.

So I thing we can always exper­i­ment but still we can stay in some rules for good design. So I’ll wait for your replies if any, and I always like new opin­ions and cri­tique so we can learn from each other.

VN:F [1.8.1_1037]
Rat­ing: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Rat­ing: 0 (from 0 votes)

Related Posts

About the author: A.D.K.

I am Graphics designer and web developer from Bulgaria. Working as a freelancer from 2 years I have big experience in these fields. I also make tutorials from time to time in my web site for tutorials: Tutorials-place.com This is one of my hobbies. I also love Photography, sports and especially martial arts.

No Comments for this yet. Why not be the first? »

Leave a comment

CommentLuv Enabled