If you already have read my post about the worst colors you can choose for the articles in your web pages, you know already my opinion about it. And I hope you agree with me for most of them. But I  have mentioned that there have some exceptions about them.

And I said they can be used with measure, yes they can but there have a ways for almost everything somehow in some way we can adjust the things to work and to looks good.

Let me explain. First of all the combination of colors of our template is very important.

If you want your web site to look nice you must use somewhere around 3 colors or maximum 5 for the base of your template. I do not say that you should have only 3–5 color in your web page, lol this will look too simple and non professional. But go and look in some professional web designs out there and you’ll notice that every web site have some color for it’s base.

Example web site for nature maybe will be with mostly green fresh color with some brown around or something like that. So you should have some colors for your base depending of what your site is about. I’ll probably make a post about that in future but let’s continue with our articles..

I have said that lightly background with light text are not good for the reader, and I have give example for incompatible colors. For some of them you really should avoid using them,but for some there have exceptions and we can adjust them. We only need to make them a little 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. Standard 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 something else?

Off course you will want, especially if you like to experiment with colors. Then I hope the next suggestions will help you.

2.Make your background and your text not so white and not so much black. Make it a little bit gray. Black to be a little bit brighter and white to be a little bit gray. And use this combination if you can with your design.

This combination will not make anyone eyes to cry. This is because this are soft colors and they are similar. You know even in programs like Photoshop the combination of colors are similar in the new versions. Grey background and not so black texts.

3. Again gray background 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 mentioned the hexadecimal code for them in the image below.

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

5. The opposite to number 2 and I have seen that many peoples begin to use it. On a black web site for portfolios and Photography web pages, for tutorial  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 colors for links in your posts.

Let’s continue with the 5 exceptions from my article about the worst 5 colors you can choose…

1. You remember the white background and the ugly light blue with number 2 from my articles. If you really want to use such colors. Here is the way how to: You must make the lightly blue soft blue.This way it will be not the most perfect thing. But it will be better and good enough, and you can use it in that way.

I have mentioned the hexadecimal code for the color. It’s the same for the other colors, you can make them more soft and you can use them What I mean with soft is that they are not so bright.

2. You know the orange bg + green text. Here is an example how you can make it to looks better: I do not suggest this but you can use it in some web site if you lie it so much.

3. And the last one I will show in this post. About the lovely pink or purple.If you like this colors here is an example of how to use it. But is again an exception an you should avoid using it.

I hope this post will help you in some way and you will learn something 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 articles to be in some of the first 5 best suggested colors here.

So I thing we can always experiment 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 opinions and critique so we can learn from each other.

Related posts:

1. The worst color schemes you can choose for the articles in your web site.
2. For better designs second theme.
3. Design theme for wordpress web site tutorial.

The worst color schemes you can choose for the articles in your web site (my opinion)!

I usually don’t find very bad color combinations in the articles sections on a professional web sites, because almost every designer have some feeling about the colors.  But usually some Blogger users (designers or not) are using schemes which are incompatible.

Examples:

1.The background of our articles and the Worst 5:

1. Purple background, Green text!

Like the example below. Well in some places this maybe will work fine, but usually a big NO from me. This is a combination which I don’t like and usually when I see such web site, I don’t have the willing to read what is there.

2.White background and lightly blue.

Maybe some people will say, well this is nice color combination. Well maybe it is but not for you articles page. Extremely not for there. You begin reading and after some seconds your eyes are begining to wink. You know why! Light text colors on light background is incompatible.

3.Red background, blue text.

This 2 colors combined together can work very good sometimes really. But not in a web site for our article! This combination is telling me: Stop to read!

4.Orange background and green text.

This can be good combination of colors on a box for Orange juice! I mean that if there is orange with leafs and the text there should not be green again. Not lighter! Using such light background with light text colors just not work good. And off course there have always some exceptions. I’ll show you what I mean in the next rows.

5.Light blue background some green text Everybody see that’s not very nice…

There have more like this: brown background and red text… black background with red, lightly green, lightly blue or purple :0 — very ugly, you can use this colors for example if your site is with a background color and there have some links with blue and red colors. But not for the articles where the people should read! For example me — I never use such colors!

Well this are some bad combination which some peoples (designers or not) using in their blogs or web sites. Really rare but there have some… Such colors over-strain the eyes. Just remember that rule lightly background with light text are not good for the reader.

This are just some examples and there have more: pink background and purple text: some peoples thing it looks lovely but it’s not! black backgorund yellow text. — not so bad but not so good!

2. The background of our articles and 5 not so bad, but not that good.

1.Black background and yellow text.

I am even wondering is this not for the category of the first 5! After you read some of the text it begins to get boring. How and why?  It looks somehow unnatural and a little ugly. I don’t mind if the background is soft yellow and the text is black…

2.White background, orange text.

This one looks nice, fresh and it’s incompatible for long articles. You have a lot of pages and articles? Don’t use this then… again a light background and light text which is an exception and you can use it. But not always! Maybe for some small part of your web site and it depends what’s the subject of yours site.

3.Grey background color and yellow text.

It’s similarity to the example above. It seems to be better, and it’s not that bad. But I prefer the yellow was white or black…

4.White background and purple text.

It looks much better than purple background and light blue text. And if you like purple or you’re making such web site I am suggesting you to use this one! Not the best, but much better than purple and lightly blue.

5.Brown background, green text.

Well, yes it can be used and it can be good in some web sites… You have some site related to nature, some food, tea and you want some brown and green web site… Yes but it should be used with measure and this colors should not be highly contrast.

So after this examples the 1 thing you should end up here is that: Not too high contrast colors in your articles. Exceptions are: text links and sometimes buttons which appear in it!

3. The background of our articles: Some exceptions.

Some exception to the list of 5 above (But not the first 5) are: When we have some portfolio web site, some flash web site for example. We can use Brown background and green text for example, or some dark blue with lighter blue, some similar color variations.

For example in our about, contact page or for some links texts. Also very important is what is the area around our article. The color of the whole site is important,and you can always experiment but the main rule about article section is this: Lighter background colors and darker texts or dark background colors and lighter texts.

Well that is my list for the worst color schemes you can choose for the articles section in your web sites. Some of you can probably say: Well I like them, why should stop using them. You can still use them, but with the high contrast on the 1st 5 it looks bad and non professional.  If you like this colors and want to learn how to use them properly: Check my next article

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

Hope you’ve learned something here and I am always open for suggestions and critique.
Feel free to drop a comment, also you can show some design with bad color schemes you found on the internet.

Related posts:

1. Which are the best colors I can choose for the articles in my web site?
2. For better designs second theme.
3. Design theme for wordpress web site tutorial.