COLOR IN HTML

game - design - multimedia - web - programming - tutorials - There are currently viewers visiting Apron Tutorials.

NEWS

TECHNICAL TUTORIALS

WEB TUTORIALS

IMAGE EDITING

3D MODELING

PROJECTS

DEMOS

ARTICLES

COMMUNITY

COLOR IN HTML

This tutorial demonstrates how to use RGB (Red, Green and Blue) colors/colours in HTML. Before we start with color blending we must learn how to use a different number system. As children we learn the decimal numbers 0 to 9 of a base 10 number system. The color codes in HTML uses a base 16 number system called hexadecimal (HEX). Hex is counted like this: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. As you probably have guessed A=10, B=11, C=12, D=13, E=14 and F=15. Click here to learn more about hex or hexadecimal.

To blend colors in HTML we use the base colors red, green and blue. We can use HEX numbers as arguments in our HTML color tags. When we write a color tag it should contain a hash (#) and 6 HEX digits. The first and second digit represents red, the third and forth represents green and the fifth and sixth represents blue, like this: color="#123456". The # is used to state that we are using HEX and not decimal number values. The darkest color value is 0 and the brightest is FF (FF = 255 in decimal). This means that if we want the brightest and cleanest green color we should write color="00FF00". (No red, full green and no blue). We can blend colors by adding different RGB values like, #551044, #350082, #80FF09, see table below..

- Brightest Red FF0000.
- Brightest Green 00FF00.
- Brightest Blue 0000FF.
- Black means no color 000000.
- White means full colors FFFFFF.

Thanks to VisiBone for this great color table!
Study the colours and edit the bgcolor below and press the update button.

FFF
FFF

CCC
CCC

999
999

666
666

333
333

000
000

FFC
C00

FF9
900

FF6
600

FF3
300

HEX COLOR CODES

99C
C00

CC9
900

FFC
C33

FFC
C66

FF9
966

FF6
633

CC3
300

CC0
033

CCF
F00

CCF
F33

333
300

666
600

999
900

CCC
C00

FFF
F00

CC9
933

CC6
633

330
000

660
000

990
000

CC0
000

FF0
000

FF3
366

FF0
033

99F
F00

CCF
F66

99C
C33

666
633

999
933

CCC
C33

FFF
F33

996
600

993
300

663
333

993
333

CC3
333

FF3
333

CC3
366

FF6
699

FF0
066

66F
F00

99F
F66

66C
C33

669
900

999
966

CCC
C66

FFF
F66

996
633

663
300

996
666

CC6
666

FF6
666

990
033

CC3
399

FF6
6CC

FF0
099

33F
F00

66F
F33

339
900

66C
C00

99F
F33

CCC
C99

FFF
F99

CC9
966

CC6
600

CC9
999

FF9
999

FF3
399

CC0
066

990
066

FF3
3CC

FF0
0CC

00C
C00

33C
C00

336
600

669
933

99C
C66

CCF
F99

FFF
FCC

FFC
C99

FF9
933

FFC
CCC

FF9
9CC

CC6
699

993
366

660
033

CC0
099

330
033

33C
C33

66C
C66

00F
F00

33F
F33

66F
F66

99F
F99

CCF
FCC

CC9
9CC

996
699

993
399

990
099

663
366

660
066

006
600

336
633

009
900

339
933

669
966

99C
C99

FFC
CFF

FF9
9FF

FF6
6FF

FF3
3FF

FF0
0FF

CC6
6CC

CC3
3CC

003
300

00C
C33

006
633

339
966

66C
C99

99F
FCC

CCF
FFF

339
9FF

99C
CFF

CCC
CFF

CC9
9FF

996
6CC

663
399

330
066

990
0CC

CC0
0CC

00F
F33

33F
F66

009
933

00C
C66

33F
F99

99F
FFF

99C
CCC

006
6CC

669
9CC

999
9FF

999
9CC

993
3FF

660
0CC

660
099

CC3
3FF

CC0
0FF

00F
F66

66F
F99

33C
C66

009
966

66F
FFF

66C
CCC

669
999

003
366

336
699

666
6FF

666
6CC

666
699

330
099

993
3CC

CC6
6FF

990
0FF

00F
F99

66F
FCC

33C
C99

33F
FFF

33C
CCC

339
999

336
666

006
699

003
399

333
3FF

333
3CC

333
399

333
366

663
3CC

996
6FF

660
0FF

00F
FCC

33F
FCC

00F
FFF

00C
CCC

009
999

006
666

003
333

339
9CC

336
6CC

000
0FF

000
0CC

000
099

000
066

000
033

663
3FF

330
0FF

00C
C99

009
9CC

33C
CFF

66C
CFF

669
9FF

336
6FF

003
3CC

330
0CC

00C
CFF

009
9FF

006
6FF

003
3FF

LINKS

GAME DEVELOPEMENT

PROJECTS

MATH AND PHYSICS

PLEASE LINK TO

Ronny André Reierstad