All Free Backgrounds and graphics for web pages
Free Backgrounds and Graphics
Web Color Charts and Tutorial
Web Page Design Tips

all free backgrounds

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
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
BackgroundsBarsButtonsWebColorRulesMake Borders
Faqs | Web Graphics | Website Dev | Hosting | Home

Questions, Comments, Feedback? Email Us!

© All Free Backgrounds 2002-. All rights reserved.