hexadecimal colour codesWhen I first started building websites in 2001, I
tried my hardest to venture away from that disgusting collection of
colors. Sure, I could enter whatever hex color I wanted in my html code
and cross my fingers that it would look the same on more than one
computer. Sometimes it worked. Sometimes it didn't. That really nice
warm gray background I created at work would be a dirty pink on my
computer at home.
Back then I couldn't understand why the web safe
colors had to be that particular selection of hues. I mean really, how
many different shades of fluorescent green do we need on the Web? Of
course, the fact of the matter is that web safe colors were not picked
for designers in the first place. There are a lot of technical reasons
why we had to start out with that nauseating palette, but fortunately
since then browsers and computer monitors have improved at lightening
speed. Today everyone can see just about any color you want to serve up
to them.
So does the html color chart serve any purpose today? I'm
thinking probably not, at least not in its current form. What designers
mostly need is a guide that offers different color schemes, along with
the related hex codes that can be easily copied and pasted into an html
editor. Now that we can pick nearly any color imaginable for our
websites, the challenge is to find new and interesting ways to combine
hues, shades, and tints - all in ways that were virtually unthinkable
just five or six years ago.
The combination of Red, Green, and Blue values from 0 to 255, gives more than 16 million different colors (256 x 256 x 256).
HTML color codes
If you look at the color table below, you will see the result of
varying the red light from 0 to 255, while keeping the green and blue
light at zero.
To see the full list of color mixes when RED varies from 0 to 255, click on one of the HEX or RGB values below.
HTML Color code Picker
#000000 rgb(0,0,0)
#080000 rgb(8,0,0)
#100000 rgb(16,0,0)
#180000 rgb(24,0,0)
#200000 rgb(32,0,0)
#280000 rgb(40,0,0)
#300000 rgb(48,0,0)
#380000 rgb(56,0,0)
#400000 rgb(64,0,0)
#480000 rgb(72,0,0)
#500000 rgb(80,0,0)
#580000 rgb(88,0,0)
#600000 rgb(96,0,0)
#680000 rgb(104,0,0)
#700000 rgb(112,0,0)
#780000 rgb(120,0,0)
#800000 rgb(128,0,0)
#880000 rgb(136,0,0)
#900000 rgb(144,0,0)
#980000 rgb(152,0,0)
#A00000 rgb(160,0,0)
#A80000 rgb(168,0,0)
#B00000 rgb(176,0,0)
#B80000 rgb(184,0,0)
#C00000 rgb(192,0,0)
#C80000 rgb(200,0,0)
#D00000 rgb(208,0,0)
#D80000 rgb(216,0,0)
#E00000 rgb(224,0,0)
#E80000 rgb(232,0,0)
#F00000 rgb(240,0,0)
#F80000 rgb(248,0,0)
#FF0000 rgb(255,0,0)
Shades of Gray
Gray colors are created by using an equal amount of power to all of the light sources.
To make it easier for you to select the correct shade, we have created a table of gray shades for you:
| Gray Shades |
Color HEX |
Color RGB |
|
#000000 |
rgb(0,0,0) |
|
#080808 |
rgb(8,8,8) |
|
#101010 |
rgb(16,16,16) |
|
#181818 |
rgb(24,24,24) |
|
#202020 |
rgb(32,32,32) |
|
#282828 |
rgb(40,40,40) |
|
#303030 |
rgb(48,48,48) |
|
#383838 |
rgb(56,56,56) |
|
#404040 |
rgb(64,64,64) |
|
#484848 |
rgb(72,72,72) |
|
#505050 |
rgb(80,80,80) |
|
#585858 |
rgb(88,88,88) |
|
#606060 |
rgb(96,96,96) |
|
#686868 |
rgb(104,104,104) |
|
#707070 |
rgb(112,112,112) |
|
#787878 |
rgb(120,120,120) |
|
#808080 |
rgb(128,128,128) |
|
#888888 |
rgb(136,136,136) |
|
#909090 |
rgb(144,144,144) |
|
#989898 |
rgb(152,152,152) |
|
#A0A0A0 |
rgb(160,160,160) |
|
#A8A8A8 |
rgb(168,168,168) |
|
#B0B0B0 |
rgb(176,176,176) |
|
#B8B8B8 |
rgb(184,184,184) |
|
#C0C0C0 |
rgb(192,192,192) |
|
#C8C8C8 |
rgb(200,200,200) |
|
#D0D0D0 |
rgb(208,208,208) |
|
#D8D8D8 |
rgb(216,216,216) |
|
#E0E0E0 |
rgb(224,224,224) |
|
#E8E8E8 |
rgb(232,232,232) |
|
#F0F0F0 |
rgb(240,240,240) |
|
#F8F8F8 |
rgb(248,248,248) |
|
#FFFFFF |
rgb(255,255,255) |
Web Safe Colors?
Color code chart list
Some years ago, when computers supported max 256 different colors, a
list of 216 “Web Safe Colors” was suggested as a Web standard, reserving
40 fixed system colors.
The 216 cross-browser color palette was created to ensure that all
computers would display the colors correctly when running a 256 color
palette.
This is not important today, since most computers can display millions of different colors. Anyway, here is the list:
| 000000 |
000033 |
000066 |
000099 |
0000CC |
0000FF |
| 003300 |
003333 |
003366 |
003399 |
0033CC |
0033FF |
| 006600 |
006633 |
006666 |
006699 |
0066CC |
0066FF |
| 009900 |
009933 |
009966 |
009999 |
0099CC |
0099FF |
| 00CC00 |
00CC33 |
00CC66 |
00CC99 |
00CCCC |
00CCFF |
| 00FF00 |
00FF33 |
00FF66 |
00FF99 |
00FFCC |
00FFFF |
| 330000 |
330033 |
330066 |
330099 |
3300CC |
3300FF |
| 333300 |
333333 |
333366 |
333399 |
3333CC |
3333FF |
| 336600 |
336633 |
336666 |
336699 |
3366CC |
3366FF |
| 339900 |
339933 |
339966 |
339999 |
3399CC |
3399FF |
| 33CC00 |
33CC33 |
33CC66 |
33CC99 |
33CCCC |
33CCFF |
| 33FF00 |
33FF33 |
33FF66 |
33FF99 |
33FFCC |
33FFFF |
| 660000 |
660033 |
660066 |
660099 |
6600CC |
6600FF |
| 663300 |
663333 |
663366 |
663399 |
6633CC |
6633FF |
| 666600 |
666633 |
666666 |
666699 |
6666CC |
6666FF |
| 669900 |
669933 |
669966 |
669999 |
6699CC |
6699FF |
| 66CC00 |
66CC33 |
66CC66 |
66CC99 |
66CCCC |
66CCFF |
| 66FF00 |
66FF33 |
66FF66 |
66FF99 |
66FFCC |
66FFFF |
| 990000 |
990033 |
990066 |
990099 |
9900CC |
9900FF |
| 993300 |
993333 |
993366 |
993399 |
9933CC |
9933FF |
| 996600 |
996633 |
996666 |
996699 |
9966CC |
9966FF |
| 999900 |
999933 |
999966 |
999999 |
9999CC |
9999FF |
| 99CC00 |
99CC33 |
99CC66 |
99CC99 |
99CCCC |
99CCFF |
| 99FF00 |
99FF33 |
99FF66 |
99FF99 |
99FFCC |
99FFFF |
| CC0000 |
CC0033 |
CC0066 |
CC0099 |
CC00CC |
CC00FF |
| CC3300 |
CC3333 |
CC3366 |
CC3399 |
CC33CC |
CC33FF |
| CC6600 |
CC6633 |
CC6666 |
CC6699 |
CC66CC |
CC66FF |
| CC9900 |
CC9933 |
CC9966 |
CC9999 |
CC99CC |
CC99FF |
| CCCC00 |
CCCC33 |
CCCC66 |
CCCC99 |
CCCCCC |
CCCCFF |
| CCFF00 |
CCFF33 |
CCFF66 |
CCFF99 |
CCFFCC |
CCFFFF |
| FF0000 |
FF0033 |
FF0066 |
FF0099 |
FF00CC |
FF00FF |
| FF3300 |
FF3333 |
FF3366 |
FF3399 |
FF33CC |
FF33FF |
| FF6600 |
FF6633 |
FF6666 |
FF6699 |
FF66CC |
FF66FF |
| FF9900 |
FF9933 |
FF9966 |
FF9999 |
FF99CC |
FF99FF |
| FFCC00 |
FFCC33 |
FFCC66 |
FFCC99 |
FFCCCC |
FFCCFF |
| FFFF00 |
FFFF33 |
FFFF66 |
FFFF99 |
FFFFCC |
FFFFFF |
You need to know the significance of colors on a webpage and this
will give you a much better idea of the impact that this has on the site
itself as well as the visitors. You are able to initially learn about
the different schemes by using a color wheel which can tell you about
coordination and also provide you with assistance when selecting a color
palette.
HTML colour code
This wheel will indicate colors in three diverse
categories, which are primary, secondary and tertiary. Basically, the
wheel will help you to determine ways to select good colors in order to
deliver a highly effective output. Many colors can be used on your
website, but it's important to choose the right combinations. The
primary ones will be unique and can't be designed by combining another
shade.
HTML color codes
You can find three primary colors, which are red, blue and
yellow and if these are used together they will form secondary shades.
The three colors on the wheel can be displayed in HTML using certain
codes ad will be the important features of the website designs. Any
individual who is knowledgeable about the process of color theory could
easily master how to incorporate these colors into any design over time.
Color picker
Color Values
HTML colors are defined using a hexadecimal notation (HEX) for the combination of Red, Green, and Blue color values (RGB).
The lowest value that can be given to one of the light sources is 0 (in HEX: 00). The highest value is 255 (in HEX: FF).
HEX values are specified as 3 pairs of two-digit numbers, starting with a # sign.
Color Values
| Color |
Color HEX |
Color RGB |
|
#000000 |
rgb(0,0,0) |
|
#FF0000 |
rgb(255,0,0) |
|
#00FF00 |
rgb(0,255,0) |
|
#0000FF |
rgb(0,0,255) |
|
#FFFF00 |
rgb(255,255,0) |
|
#00FFFF |
rgb(0,255,255) |
|
#FF00FF |
rgb(255,0,255) |
|
#C0C0C0 |
rgb(192,192,192) |
|
#FFFFFF |
rgb(255,255,255) |
No comments:
Post a Comment