HTML Background Color and Hex Color Chart

Adding HTML Background Color with True HTML Color

Let’s begin by coloring our web page! This is done within the <BODY> tag itself. This is also where we can define a background image. Both background image and background color use different attributes. So let’s start with the background color tag.

Once again, we’ll Google “HTML Color Chart”. Now we’ll pick a color for our background:

Google HTML True Color Chart

I clicked the first page that showed up, and got this hexadecimal “HTML True Color Chart”:

HTML True Color Chart

I decided to go with 0099CC, so here’s how you make that your web page’s background:

<HTML>

<HEAD><TITLE>Background Color</TITLE></HEAD>

<BODY bgcolor=”#0099CC”>

My background is pretty.

</BODY>

</HTML>

HTML Background Color Example

In many cases, you may need to alter your text color to look better against the background. However, that’s how you set up a background color.

Keep in mind, when using hex colors for anything, you always precede the number with the pound sign (#). So font color=”#xxxxxx” or body bgcolor=”#xxxxxx”, it’s all the same - you must use the pound (#) sign before the color’s hex number.



If you like "HTML Background Color and Hex Color Chart,"
please consider linking to this article:

1 Ping / Trackback
February 19th, 2011 at 6:31 am

[…] Google HTML True Color Chart webdesigndevelopment.org […]

Leave a Reply




(spam protection)
Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Subscribe without commenting

« Previous
« Website Interface And Usability | Up Top | Well Designed Headings To Improve Usability Of Website »
Recent Comments
reverse cell phone lookup: Thank you for this nice post you have given us here. Certainly is really a great resource...
cell phone number lookup by name: Thanks for this great site which is very useful to my mobile phone number search...
Web Design: Web design is the process of designing, developing and managing exceptional standard based websites — a...
reverse cell phone lookup: Thank you for this nice post you have given us here. Certainly is a great resource that...
mobile phone number lookup: Thanks for this great site that is very useful to my mobile phone number lookup page
name phone number lookup: Thanks for this great site that’s very useful to my phone number lookup page
SiteInfo: Your site has automatically been added to siteinfo, take a look at what information we have on your site...
amorenlinea: This is the right blog for everyone who really wants to find out about this topic. You realize a whole...