by

How to use colors on your website.

It is not that difficult to use specific colors on your website, you just have to know how. The theme of your website and your header have colors already. You choose them because you liked these colors. And to get a unity on your website and the best colors for a website, we are taking a screenshot first.

1. Go to Imagecolorpicker Online and load up your screenshot.

2. Pick every color on your website header and text.

3. Write your codes down.

The best colors for my website are:

Blue #3069b0; #053877; #316AB0;

Green #92C7BD; ACCFCB;

Rust #782F26;

Light pink #E7D2F3;

Text #242424;

How to use the best colors for a website in borders and text.

<xmp>Copy from here<div style=”width: 200px; height: 100px; border: 8px inset #ff0000;”>I have used the xmp tag to prevent the codes I display are executed by the theme. So you can copy them</div>until here</xmp>

Border codes you can use:

solid, dotted, dashed, double, groove, ridge, inset, outset, and mixed

<xmp>Copy from here<div style=”width: 200px; height: 300px; border: 3px dashed #ff0000;”><h2>Change Text color</h2>
When you use the A , you can’t fill in a hexa color number, so just click any number, go over to your text editor and change it into the hexa color code you want it to be.</div>until here</xmp>

SOLID (For changing text color, select word and choose #3069B0)

<xmp>Copy from here <div style=”width: 200px; height: 100px; border: 3px solid #3069B0;”>For this box I have used “solid blue # color, you can change the border px, width&height</div> until here</xmp>

DOTTED (For changing text color, select word and choose your color, mine is #92C7BD)

<xmp>Copy from here<div style=”width: 700px; height: 50px; border: 6px dotted #92C7BD;”>This box has a dotted green html border. You see I have changed some values</div>until here</xmp>

MIXED (For changing text color, Select word and change color, #782F26)

<xmp>Copy from here<div style=”width: 200px; height: 200px; border-width: 6px; border-color: #782F26; border-style: dotted dashed solid double;”>In this box I have mixed a few to create this border. By using solid, dashed, dotted, and double. This way you can play around with all kind of effects.</div>until here</xmp>

CHANGE POSITION #0073E7

class=”alignleft”

class=”aligncenter”

class=”alignright”

class=”alignnone”

<xmp>Copy from here<div class=”aligncenter” style=”width: 200px; height: 150px; border: 20px outset #190FC8;”>For this box I have used “outset blue # color, you can change the border px, width&height</div>until here</xmp>

If you liked this tutorial about best color for a website, can you please leave a comment below?

Other interesting posts

| Home | Use of Cookies | Privacy Policy | FAQ | Affiliate Disclosure | Contact |

© Loes Knetsch. All rights reserved.

by

Loes

Hey, nice to meet you. I am Loes and I love to work, create and make money on the internet. My vision for the future is promising because the activities and sales go to triple over the next few years. You can take advantage of it too. Step into the world of affiliate marketing today, and work towards financial freedom for you and for your family. If you would like to learn how to build your own Wordpress website, click here to open your free account today!