Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/mislz28/public_html/wp-content/themes/css-faq-v2/timeweather/timeweather.php on line 19
  • Web Design
30 May 2008

Get Noticed With Web Colors

A well maintained website draws attention of everybody. Various attributes make a website unique like its design, lay-out, color combination etc. Recently, E-commerce has created a new demand for accurate rendering of product images. Preparing images for web publishing generally involves scanning your images, saving them at the highest possible JPEG compression level and ending with the hope that it is precisely displayed on your cyberspace. But more often, you would find the image looking very differently what you remembered.

First of all, monitors play a major role in color distortion. No two monitors display colors similarly. There are several reasons for this inconsistency such as variances in monitor design, graphics cards, computer configurations and even surrounding room lighting. Most of the desktop computers still have Cathode Ray Tube (CRT) technology. The gamma setting is very essential, as it affects how pictures appear on your monitor. People provide different explanations on what gamma is. Generally speaking, gamma controls the intensity of the middle tones, which affects the overall rendering of your image. When pictures look either “washed out” or “too dark,” there is a strong possibility that the gamma setting is incorrect.

There are different ways of adding color to your pages. One of the easiest ways is to used named colors. These are just what you think they are: color names like red, blue, green, and purple. But some browsers don’t render color names or they render them differently than other browsers. So, that’s why it’s better to use hexadecimal codes for your color names.

These are the codes that define colors. They are groups of three hexadecimal (base 16) numbers. The first number is red, the second green and the third blue. Each hexadecimal number is an RGB triplet. 00 is the lowest hue and FF is the highest. For example, red is ff0000, blue is 0000ff, green is 00ff00, and purple is 990099.

Using CSS to add color is easy. The most common method of putting color in your documents is with the <style> attribute. Choose the color you would like your text to be, enclose it in a span tag, and use the style attribute to assign a color. e.g.

<span style=”color : #ff0000″>red</span>

Another way to add color is to use it as a background color on tables. Just add the background-color style to the table, tr, td, or th tags. You can add color to your entire page with the on your body tag. e.g.

<body style=”background-color: #0000cc;”>

When a computer monitor encounters a color that it can’t display natively, it attempts to match it as best it can. Monitors display elements as tiny dots on the screen, and native colors are displayed with all the dots as the same color. A dithered color displays with some dots as one color, other dots as another color and so on to attempt to match the color requested. Sometimes the match will be close to what you intended and other times, it can be horribly wrong. But in either case, it won’t be the same as it looks on your screen. Using color is vital for Web pages. These hints and instructions should help you to use color as effectively as possible.

Tags:

This entry was posted on 30 May 2008 at 4:58 PM and is filed under Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a reply

Name (*)
Mail (will not be published) (*)
URI
Comment