NEWS CATEGORIES:



NEWS ARCHIVE >>
SOFTPEDIA REVIEWS >>
Home / News / Webmaster / Tips and Tricks

Tips and Tricks


Web Colors

Introduction to HEX Color Codes

By Catalin Bocanu, Web News Editor

9th of October 2007, 16:16 GMT

Adjust text size:


Hex Color Code Chart Example
Enlarge picture
In web design practice, the usage of colors is a common activity. HTML elements that are contained in web pages could have various color attributes specified. Colors can be defined automatically, using a WYSIWYG HTML editor or manually.

If you want to speed up your design activity,
you must understand the way you can specify the color attribute for web page background, table background, fonts, forms and more. The RGB system functions assuming that every color is formed by a mixture of basic colors: red, green and blue. In HTML documents, a color is indicated by its name or RGB HEX equivalent code. Basically, any color can be defined through a corresponding hexadecimal notation.

For example 000000 is the hexadecimal notation for pure black. Every two numbers (00 in this case) represent the amount of red, green and blue, respectively, contained in the web color. If we want to obtain the red color, then the maximal value for its contribution in HEX code must be specified: FF0000. In this way, by modifying the numbers corresponding to a certain red, green and blue contribution, you will be able to create the desired HTML color or to modify an existing one.

You can find on the Internet many color tables displaying the hexadecimal code, RGB equivalent and demo color. You can also use color pickers scripts that will output the hexadecimal code for a chosen color. It is recommended to maintain the default black and white colors if you have to present mainly text content in your web pages. Colorblind people will not make any difference between red and green.

In order to increase your web site accessibility, you must try to select only complementary colors for text, background and menus. Complex color effects, such as multiple color gradients could not be rendered correctly by web browsers, so try to implement single colors with simple shading effects instead. Understanding the hexadecimal color codes can help you save a lot of time when you need to establish the best color combination for your website.

TAGS:

color codes | html colors | color picker | RGB system | color HEX code


Rating:
Fair (2.4/5) 5 vote(s) so far    

Read by 503 user(s) | Add comment | Link to this article
Subscribe to news | Print article | Send to friend

© Copyright 2001-2008 Softpedia
Contact:

 

 

SEARCH THE NEWS ARCHIVE :




Today's News
| Yesterday's News | News Archive


MORE RELATED ARTICLES:


Instant Creation of a Real Estate Website with Joomla

Is Joomla! The Best CMS on the Planet?

Secrets of a Good Site Design

The World of PHP

Content Management System Selection

Short Introduction to MODx

What You See is What You Get

User opinions:

No user comments yet.
Be the first to express your opinion using the form below!

Share your opinion:

You are not logged on. Comments can still be added, but they will have to be approved before going live.
Log on to get your comments posted and visible instantly.
Your Name:
Your Email Address:
(will not be used for commercial purposes)
Your review/opinion:

 






SUBMIT PROGRAM   |   ADVERTISE   |   GET HELP   |   SEND US FEEDBACK   |   RSS FEEDS   |   ENTER NEWS SITE   |   ENGLISH BOARD   |   ROMANIAN FORUM