All Free Backgrounds and graphics for web pages Free Backgrounds and Graphics
Web Color Charts & Tutorial
Web Page Design Tips
Internet Tools
PC Utilities
all free backgrounds



spacer spacer star Color Tools

RGB Hex Converter
RGB & Hex Color Chart
Color Names Chart

star Web Graphics

The Best and Easiest!
Coffee Cup web graphics software
CoffeeCup Big Cup


Free Trial Downloads!
Free Upgrades!


4 Templates

more graphics


star   Web Dev Tools



Best Hosting
Fantastic Service!


more tools

star    Internet Tools

Kodak Easy Share

Kodak



Organize, Edit, Share
Print your Photos!
Really Cool!

more tools


star PC Utilities


more utilities


web color
free graphics for web pages
 • backgrounds
 • bars
 • buttons
design tips for web pages
 • web color
web color
colors in rgb
web colorrgb to hex
web colorbits of color
web colorscreen display web colorcolor palletes web colordithering
web colorgif and jpg
web colorcompression
 • <hr> rules
 • make borders
 • faqs
resoures for web pages
 • web graphics
 • web templates
 • web dev tools
 • web hosting
 • make money
 • internet tools
 • pc utilities
web graphics
 • home
web colors
web color
This web color tutorial shows you how to get the colors you want for your web pages. You will learn all about web colors including RGB to hexadecimal conversion, color tags, computer system displays, browser and color palettes, the non-dithering (safe) color chart, color name charts, GIF vs JPG and graphics compression. It will help you get the results you want for the vast majority of web surfers out there, but you can't contol the myriad of settings or the particular system any user may have.


Web Colors in RGB

rgb color Everything you see, images and text, on your computer screen is made up of pixels, or squares of a single color. Typically, web graphics display 72 of these pixels per inch, or 72 ppi. (About Screen Resolution)

Each pixel can represent only one of a maximum possibility of 16,777,216 unique colors. This amazing number of colors is achieved by setting percentages of the three primary hues; Red, Green and Blue or RGB. The values, or amount of color, range from 0 to 255.

Black is achieved by setting all RGB values to 0 while the values for white are all 255. For example, the RGB value for the default blue HTML link color is 0, 0, 255. The value for red and green is 0 and blue is full at 255.


RGB to Hexadecimal Conversion

rgb hex converting When you create a graphic for the web, you choose your colors based upon their RGB values. However, HTML will only recognize a color by its hexadecimal equivalent of the RGB values or by its color name, if it has one. Even though most HTML editors and graphics programs have RGB to hexadicimal conversion capability built into them, it might still be helpful to know how it works.

Or you can skip all that and use this RGB to Hex Converter

Hexadecimal refers to the base-16 number system, which consists of 16 unique symbols: the numbers 0 to 9 and the letters A to F. Color tags are six characters long with the first two representing red, the second two representing green and the last two representing blue. Any of the more than 16 million colors can be converted to its hexadecimal tag if the RGB values are known.

The formula for conversion is as follows for the blue RGB of 0, 0, 255:

Divide each value by 16 and multiply decimal remainder by 16

Red Green Blue
0 / 16 = 0

0 x 16 = 0
0 / 16 = 0

0 x 16 = 0
255 / 16 = 15.9375

.9375 x 16 = 15

Divide each value by 16 and multiply decimal remainder by 16. The result is
0 0, 0 0, 15 15.
Using the table below, the hexadecimal six character set can be determined.


Number 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Hexadecimal 0 1 2 3 4 5 6 7 8 9 a b c d e f

RGB: 0 0, 0 0, 15 15   =   Hex: 0000ff

Tip: You must use the "#" symbol before the hex code and you should contain it within quotes as well, for example, bgcolor="#0000ff".

Take a look at the Browser Safe Color Chart.


Take me back to the top TOP


Colors in RGB | RGB to Hex | Bits of Color | Your Display
Color Palettes | Dithering | GIF and JPG | Compression


all free backgrounds divider

All Free Backgrounds Awarded
Free web backgrounds and graphics
by About.com
BackgroundsBarsButtonsWebColorRulesMake Borders
Faqs | Web GraphicsWebsite Dev
 Hosting | Make Money Internet ToolsPC UtilitiesHome

Questions, Comments, Feedback? Email Us!

© All Free Backgrounds 2002-. All rights reserved.