Leo's Color Wizard

Leo's Color Wizard let you scan the color universe without java or javascript.
HiColor or TrueColor is required to view all colors.

Welcome!

Dive in the color cube here easy and
preview favourite HTML Color-combinations.

Introduction:

A Color in HTML is defined by it's Red, Green and Blue Value.
The HTML backgound color is defined with:
<body bgcolor=#xxyyzz>

xx = Red Color Value: 00-FF
yy = Green Color Value: 00-FF
zz = Blue Color Value: 00-FF

Examples:

<body bgcolor=#FF0000> produces a red background color.
<body bgcolor=#00FF00> produces a green background color.
<body bgcolor=#FFFFFF> produces a white background color.

It's also possible to define a text color with:
<body bgcolor=#xxyyzz text=#xxyyzz>

Examples:

<body bgcolor=#FFFFFF text=#FF0000>

white background

red text

<body bgcolor=#000000 text=#FFFFFF>

black background

white text

Q: What means FF?

A: FF is a just a number (written in hexadecimal system) and means 255 in our decimal number system.

In HTML the Color Values must be specified in the hexadecimal system.
Every value could be written decimal and hexadecimal.
In the decimal system the base is 10, in hexadecimal 16.

Examples:

Dec 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Hex 0 1 2 3 4 5 6 7 8 9 A B C D E F

Dec 00 16 32 48 64 80 96 112 128 144 160 176 192 208 224 240 255

Hex 00 10 20 30 40 50 60 70 80 90 A0 B0 C0 D0 E0 F0 FF

Dec	0	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15
Hex	0	1	2	3	4	5	6	7	8	9	A	B	C	D	E	F

Dec	00	16	32	48	64	80	96	112	128	144	160	176	192	208	224	240	255
Hex	00	10	20	30	40	50	60	70	80	90	A0	B0	C0	D0	E0	F0	FF

Important color codes:

Black: #000000 (red=0, green=0, blue=0)
Red: #FF0000 (red=255, green=0, blue=0)
Green: #00FF00 (red=0, green=255, blue=0)
Blue: #0000FF (red=0, green=0, blue=255)
Yellow: #FFFF00 (red=255, green=255, blue=0)
Magenta: #FF00FF (red=255, green=0, blue=255)
Cyan: #00FFFF (red=0, green=255, blue=255)
White: #FFFFFF (red=255, green=255, blue=255)
Grey: #808080 (red=128, green=128, blue=128)

'Notice that it's possible to create
red*green*blue=256*256*256=16.777.216 different colors!'

To control all colors we have to build the color-cube shown here.
Scanning our 3D-Object in 2D it is not easy, of course...

Our System is:

Pick a Basecolor on the right frame.
View result.
Select color to start sampler.

Problems:

If you have problems to view this page:

because of your color palette or
because of your browser

another possibility is to use the smaller palettes:

Dec	00	16	32	48	64	80	96	112	128	144	160	176	192	208	224	240	255
Hex	00	10	20	30	40	50	60	70	80	90	A0	B0	C0	D0	E0	F0	FF

Dec	00	16	32	48	64	80	96	112	128	144	160	176	192	208	224	240	255
Hex	00	10	20	30	40	50	60	70	80	90	A0	B0	C0	D0	E0	F0	FF

Dec	00	16	32	48	64	80	96	112	128	144	160	176	192	208	224	240	255
Hex	00	10	20	30	40	50	60	70	80	90	A0	B0	C0	D0	E0	F0	FF