Sie sind auf Seite 1von 62

UNIVERSIDAD MAYOR DE SAN ANDRS

FACULTAD DE CIENCIAS ECONMICAS Y FINANCIERAS


CARRERA DE CONTADURA PBLICA

TABLA DE
COLORES PARA DISEO
GRAFICO
APRENDIENDO CON GILMAR
Elaborado por:
GUTIERREZ

YUJRA

Fecha de entrega: 24/04/2013


La Paz Bolivia

GILMAR

2
TABLA DE COLORES PARA
DISEO GRAFICO
CONTENIDO
TABLA
DE
COLORES
PARA
DISEO
GRAFICO
........................................................................ Error! Bookmark not defined.
CONTENIDO ..................................................................................................3
1.

LA TABLA DE COLORES .....................................................................3

2.

16 Colores estandar (4 bits) ...............................................................13

3.

256 Colores RGB (8 bits) ....................................................................13

4.

Cdigos de colores HTML .....................................................................18

Tabla de colores HTML ..........................................................................18


5.

EQUIVALENCIAS ENTRE LOS DOS CDIGOS DE COLOR: .......24


5.1.1............................................................................................................33

5.2 COLORES HTML ...............................................................................36


6.

Colores HTML ........................................................................................48

6.1 Fundamento terico ..............................................................................48


7.

Tabla de colores ......................................................................................51

8.

6 Colores estandar (4 bits) .................................................................57

9.

256 Colores RGB (8 bits) ....................................................................57

APRENDIENDO CON GILMAR |

3
TABLA DE COLORES PARA
DISEO GRAFICO

TABLA DE COLORES PARA DISEO


GRAFICO
CONTENIDO
1. LA TABLA DE COLORES
La tabla de colores est diseada para ayudarnos a encontrar la conbinacin ideal entre
los colores de fondo y los colores de las fuentes de nuestro sitio.
En cada una de las lneas, figuran el nombre del color, el color en cdigo
hexadecimal(cdigo de colores html), el color en cdigo decimal y un ejemplo del color.
Esta

lista

de

colores

es

soportada

por

la

gran

mayora

de

navegadores.

El uso de la misma es muy simple, con solo apretar el botn


ubicado en cada lnea
y el fondo de toda la tabla cambiar al color de dicha lnea. De esta forma podrs ver los
contrastes de color entre texto y fondo.

Nombre
del color

Color
Color RGB
Hexadecimal

IndianRed

#CD5C5C

205,92,92

LightCoral

#F08080

240,128,128

Salmon

#FA8072

250,128,114

DarkSalmon

#E9967A

233,150,122

LightSalmon

#FFA07A

255,160,122

Color

3
Crimson

#DC143C

220,20,60

APRENDIENDO CON GILMAR |

Red

#FF0000

255,0,0

FireBrick

#B22222

178,34,34

DarkRed

#8B0000

139,0,0

Pink

#FFC0CB

255,192,203

LightPink

#FFB6C1

255,182,193

HotPink

#FF69B4

255,105,180

DeepPink

#FF1493

255,20,147

MediumVioletRed

#C71585

199,21,133

PaleVioletRed

#DB7093

219,112,147

LightSalmon

#FFA07A

255,160,122

Coral

#FF7F50

255,127,80

Tomato

#FF6347

255,99,71

OrangeRed

#FF4500

255,69,0

DarkOrange

#FF8C00

255,140,0

Orange

#FFA500

255,165,0

Gold

#FFD700

255,215,0

Yellow

#FFFF00

255,255,0

LightYellow

#FFFFE0

255,255,224

LemonChiffon

#FFFACD

255,250,205

LightGoldenrodYellow #FAFAD2

250,250,210

PapayaWhip

#FFEFD5

255,239,213

Moccasin

#FFE4B5

255,228,181

PeachPuff

#FFDAB9

255,218,185

PaleGoldenrod

#EEE8AA

238,232,170

Khaki

#F0E68C

240,230,140

DarkKhaki

#BDB76B

189,183,107

Lavender

#E6E6FA

230,230,250

Thistle

#D8BFD8

216,191,216

Plum

#DDA0DD

221,160,221

Violet

#EE82EE

238,130,238

Orchid

#DA70D6

218,112,214

Fuchsia

#FF00FF

255,0,255

Magenta

#FF00FF

255,0,255

MediumOrchid

#BA55D3

186,85,211

MediumPurple

#9370DB

147,112,219

BlueViolet

#8A2BE2

138,43,226

DarkViolet

#9400D3

148,0,211

DarkOrchid

#9932CC

153,50,204

DarkMagenta

#8B008B

139,0,139

Purple

#800080

128,0,128

Indigo

#4B0082

75,0,130

SlateBlue

#6A5ACD

106,90,205

DarkSlateBlue

#483D8B

72,61,139

GreenYellow

#ADFF2F

173,255,47

Chartreuse

#7FFF00

127,255,0

LawnGreen

#7CFC00

124,252,0

Lime

#00FF00

0,255,0

LimeGreen

#32CD32

50,205,50

PaleGreen

#98FB98

152,251,152

LightGreen

#90EE90

144,238,144

MediumSpringGreen

#00FA9A

0,250,154

SpringGreen

#00FF7F

0,255,127

MediumSeaGreen

#3CB371

60,179,113

SeaGreen

#2E8B57

46,139,87

ForestGreen

#228B22

34,139,34

Green

#008000

0,128,0

DarkGreen

#006400

0,100,00

YellowGreen

#9ACD32

154,205,50

OliveDrab

#6B8E23

107,142,35

Olive

#808000

128,128,0

DarkOliveGreen

#556B2F

MediumAquamarine

#66CDAA

102,205,170

DarkSeaGreen

#8FBC8F

143,188,143

LightSeaGreen

#20B2AA

32,178,170

DarkCyan

#008B8B

0,139,139

Teal

#008080

0,128,128

Aqua

#00FFFF

0,255,255

Cyan

#00FFFF

0,255,255

LightCyan

#E0FFFF

224,255,255

PaleTurquoise

#AFEEEE

175,238,238

Aquamarine

#7FFFD4

127,255,212

Turquoise

#40E0D0

64,224,208

MediumTurquoise

#48D1CC

72,209,204

DarkTurquoise

#00CED1

0,206,209

CadetBlue

#5F9EA0

95,158,160

SteelBlue

#4682B4

70,130,180

LightSteelBlue

#B0C4DE

176,196,222

PowderBlue

#B0E0E6

176,224,230

LightBlue

#ADD8E6

173,216,230

SkyBlue

#87CEEB

135,206,235

LightSkyBlue

#87CEFA

135,206,250

DeepSkyBlue

#00BFFF

0,191,255

DodgerBlue

#1E90FF

30,144,255

CornflowerBlue

#6495ED

100,149,237

MediumSlateBlue

#7B68EE

123,104,238

RoyalBlue

#4169E1

65,105,225

Blue

#0000FF

0,0,255

MediumBlue

#0000CD

0,0,205

DarkBlue

#00008B

0,0,139

Navy

#000080

0,0,128

MidnightBlue

#191970

25,25,112

Cornsilk

#FFF8DC

255,248,220

BlanchedAlmond

#FFEBCD

255,235,205

Bisque

#FFE4C4

255,228,196

NavajoWhite

#FFDEAD

255,222,173

Wheat

#F5DEB3

245,222,179

BurlyWood

#DEB887

222,184,135

Tan

#D2B48C

210,180,140

RosyBrown

#BC8F8F

188,143,143

SandyBrown

#F4A460

244,164,96

Goldenrod

#DAA520

218,165,32

DarkGoldenrod

#B8860B

184,134,11

Peru

#CD853F

205,133,63

Chocolate

#D2691E

210,105,30

SaddleBrown

#8B4513

139,69,19

Sienna

#A0522D

160,82,45

Brown

#A52A2A

165,42,42

Maroon

#800000

128,0,0

White

#FFFFFF

255,255,255

Snow

#FFFAFA

255,250,250

Honeydew

#F0FFF0

240,255,240

MintCream

#F5FFFA

245,255,250

Azure

#F0FFFF

240,255,255

AliceBlue

#F0F8FF

240,248,255

GhostWhite

#F8F8FF

248,248,255

WhiteSmoke

#F5F5F5

245,245,245

Seashell

#FFF5EE

255,245,238

Beige

#F5F5DC

245,245,220

OldLace

#FDF5E6

253,245,230

FloralWhite

#FFFAF0

255,250,240

Ivory

#FFFFF0

255,255,240

AntiqueWhite

#FAEBD7

250,235,215

Linen

#FAF0E6

250,240,230

LavenderBlush

#FFF0F5

255,240,245

MistyRose

#FFE4E1

255,228,225

Gainsboro

#DCDCDC

220,220,220

LightGrey

#D3D3D3

211,211,211

Silver

#C0C0C0

192,192,192

DarkGray

#A9A9A9

169,169,169

Gray

#808080

128,128,128

DimGray

#696969

105,105,105

LightSlateGray

#778899

119,136,153

SlateGray

#708090

112,128,144

DarkSlateGray

#2F4F4F

47,79,79

Black

#000000

0,0,0

CODIGOS DE COLORES
2. 16 Colores estandar (4 bits)

BLACK
SILVER

NAVY

GRAY

RED

BLUE

TEAL

YELLOW GREEN

AQUA

OLIVE

LIME

MAROON WHITE FUCHSIA PURPLE


3. 256 Colores RGB (8 bits)

FF3300 CC3300 FF9999 FFCCCC 990033


RED
FF0000

FF3333 CC3333 FFCC99 CC0066 993300


FF0033 CC0033 FF9966 FF6699 660000

MAROON
990000

000000 CC0000 663333 990066 330000


33FF33 66FF66
LIME
66FF00

00CC00 009900
00CC00 009900
009900 006600

99FF99 CCFFCC
OLIVE
66FF00

006600 003300
006600 003300

GREEN
00FF00

66FF00 009900

AQUA 00FFFF 3333FF TEAL 6666FF 9999FF BLUE

00FFFF 33FFFF 66FFFF 006666 99FFFF CCFFFF 0000FF


CCCCFF 0000CC

000099 000099

CCCCFF 000066

000033 000099

00CCCC 009999
FFFF33

006666

FFFF66

003333

FFFF99 FFFFCC

YELLOW
CCCC00 999900

666600

FF33FF

FF99FF FFCCFF

FF66FF

333300

FUCHSIA
CC00CC 990099

660066

330033

7D337D 7D667D 7D997D 7DCC7D


TEAL
E100E1 CC00CC AF00AF

990099

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

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
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

666600

666633

666666

666699

6666CC

6666FF

669900

669933

669966

669999

6699CC

6699FF

66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF


66FF00

66FF33

66FF66

66FF99

66FFCC 66FFFF

336600

336633

336666

336699

3366CC

3366FF

339900

339933

339966

339999

3399CC

3399FF

006600

006633

006666

006699

0066CC

0066FF

009900

009933

009966

009999

0099CC

0099FF

33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF


00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
33FF00

33FF33

33FF66

33FF99

33FFCC 33FFFF

00FF00

00FF33

00FF66

00FF99

00FFCC 00FFFF

663300

663333

663366

663399

6633CC

6633FF

660000

660033

660066

660099

6600CC

6600FF

333300

333333

333366

333399

3333CC

3333FF

003300

003333

003366

003399

0033CC

0033FF

330000

330033

330066

330099

3300CC

3300FF

000000

000033

000066

000099

0000CC

0000FF

Comparte este articulo : Tweet/ Compartir en Facebook

4. Cdigos de colores HTML


El sitio web Cdigos de colores HTML le proporciona
herramientas gratuitas de colores para encontrar colores
HTML para su sitio web. Las excelentes herramientas Tabla
de colores HTML y Selector de colores HTML harn que
esta tarea sea pan comido.
Para empezar rpidamente a usar Colores HTML en su sitio
web, chele un vistazo a Cmo usar los cdigos de
colores HTML?. Si desea aprender qu significa realmente
esta combinacin de caracteres en Cdigos de colores
HTML chele un vistazo a la seccin Teora sobre los
cdigos de colores HTML.
Colores seguros para la Web es la lista de colores que se
ven igual en todos los sistemas operativos. Si es daltnico
consulte los Nombres de colores HTML para superar ese
problema.
Tabla de colores HTML
Con esta Tabla de colores HTML dinmica puede conseguir
cdigos HTML para los colores bsicos. Haga clic en
cualquier cuadro de color para conseguir su Cdigo de color
HTML:

A continuacin hay una lista de los colores seleccionados


recientemente. Para guardar un color HTML para una prxima visita
haga clic en su chincheta:
Selector de colores HTML
Desplace la barra de desplazamiento vertical para elegir el color y
despus haga clic en el cuadro de colores a la izquierda para
conseguir el Cdigo de color HTML para elegir el tono de color
deseado.
Puede empezar con su propio color escribiendo su cdigo de color
en el campo de entrada superior.
Introduzca su cdigo de color:

R
G
B
H

FFFFFF

GO

#
Haga clic para poner el color en la lista a continuacin: Click
A continuacin hay una lista de los colores elegidos recientemente.
Para guardar un color HTML para una prxima visita haga clic en su
chincheta:
Vdeo sobre los cdigos de colores
Si no est seguro de cmo usar las herramientas de colores en este
sitio
web,
chele
un
vistazo
a
este
vdeo:

Cmo usar los cdigos de colores HTML?


Con los Cdigos de colores HTML puede establecer el color de
fondo del sitio web, el color del texto, de las celdas en las tablas y
mucho ms.
Usar los cdigos de colores HTML para el color de fondo del sitio
web:
<body style="background:#80BFFF">

Usar los cdigos de colores HTML para configurar el color de la


fuente/texto:
<span style="color:#80BFFF">

Usar los cdigos de colores HTML para el color de fondo de las


tablas:

<table style="background:#80BFFF">

Usar los cdigos de colores HTML para los colores de los enlaces:
<a style="color:#80BFFF">

Teora sobre los cdigos de colores HTML


Seguramente se est preguntando: Tiene algn significado esta
extraa combinacin de letras y nmeros? Pues la respuesta es S
y
as
es
como
funciona:)
Formato
de
los
cdigos
HTML:
Cada cdigo HTML comprende el smbolo # y 6 letras o nmeros.
Estos nmeros se expresan en el sistema de numeracin
hexadecimal. Por ejemplo FF en hexadecimal representa el
nmero
255
en
Decimal.
Significado
de
los
smbolos:
Significado de los smbolos: Los dos primeros smbolos del cdigo
de color HTML representan la intensidad del color rojo. 00 es el
menos intenso y FF es el ms intenso. El tercer y el cuarto nmero
representan la intensidad del verde y el quinto y el sexto representan
la intensidad delazul. As, con esta combinacin de la intensidad del
rojo, verde y azul podemos mezclar cualquier color que deseemos de
corazn;)
Ejemplos:
#FF0000 - Con este cdigo HTML le decimos al navegador que
muestre la mxima cantidad de rojo y nada de verde ni de azul. El

resultado

es

evidentemente

el

color

rojo

puro:

#00FF00 - Este cdigo HTML muestra solo el verde y nada de rojo


ni
de
azul.
El
resultado
es:
#0000FF - Este cdigo HTML muestra solo el azul y nada de rojo ni
de
verde.
El
resultado
es:
#FFFF00 - Con la combinacin de color rojo y verde obtenemos el
amarillo:
#CCEEFF - Cogemos un poco de rojo, un poco ms de verde y el
mximo de azul para obtener el color del cielo:
Divirtase!

Apoye a este sitio web


Por favor, apoye este sitio web enlazndolo. Todo lo que
tiene que hacer es poner el cdigo inferior en su sitio web. O
difndalo a travs de las redes sociales (Twitter, Facebook,
Google
+1):
<a href="http://html-color-codes.info"
codes">HTML color codes</a>

title="HTML

color

5. EQUIVALENCIAS ENTRE LOS DOS CDIGOS DE


COLOR:
CDIGO
NOMBRE: <COLOR=name> Y
HEXADECIMAL: <COLOR="#rrggbb">
ALICEBLUE

F0F8FF

ANTIQUEWHITE

FAEBD7

AQUA

00FFFF

AQUAMARINE

7FFFD4

AZURE

F0FFFF

BEIGE

F5F5DC

BISQUE

FFE4C4

BLACK

000000

BLANCHEDALMOND

FFEBCD

BLUE

0000FF

BLUEVIOLET

8A2BE2

BROWN

A52A2A

BURLYWOOD

DEB887

CDIGO

CADETBLUE

5F9EA0

CHARTREUSE

7FFF00

CHOCOLATE

D2691E

CORAL

FF7F50

CORNFLOWERBLUE

6495ED

CORNSILK

FFF8DC

CRIMSON

DC143C

CYAN

00FFFF

DARKBLUE

00008B

DARKCYAN

008B8B

DARKGOLDENROD

B8860B

DARKGRAY

A9A9A9

DARKGREEN

006400

DARKKHAKI

BDB76B

DARKMAGENTA

8B008B

DARKOLIVEGREEN

556B2F

DARKORANGE

FF8C00

DARKORCHID

9932CC

DARKRED

8B0000

DARKSALMON

E9967A

DARKSEAGREEN

8FBC8B

DARKSLATEBLUE

483D8B

DARKSLATEGRAY

2F4F4F

DARKTURQUOISE

00CED1

DARKVIOLET

9400D3

DEEPPINK

FF1493

DEEPSKYBLUE

00BFFF

DIMGRAY

696969

DODGERBLUE

1E90FF

FIREBRICK

B22222

FLORALWHITE

FFFAF0

FORESTGREEN

228B22

FUCHSIA

FF00FF

GAINSBORO

DCDCDC

GHOSTWHITE

F8F8FF

GOLD

FFD700

GOLDENROD

DAA520

GRAY

808080

GREEN

008000

GREENYELLOW

ADFF2F

HONEYDEW

F0FFF0

HOTPINK

FF69B4

INDIANRED

CD5C5C

INDIGO

4B0082

IVORY

FFFFF0

KHAKI

F0E68C

LAVENDER

E6E6FA

LAVENDERBLUSH

FFF0F5

LAWNGREEN

7CFC00

LEMONCHIFFON

FFFACD

LIGHTBLUE

ADD8E6

LIGHTCORAL

F08080

LIGHTCYAN

E0FFFF

LIGHTGOLDENRODYELLOW FAFAD2
LIGHTGREEN

90EE90

LIGHTGREY

D3D3D3

LIGHTPINK

FFB6C1

LIGHTSALMON

FFA07A

LIGHTSEAGREEN

20B2AA

LIGHTSKYBLUE

87CEFA

LIGHTSLATEGRAY

778899

LIGHTSTEELBLUE

B0C4DE

LIGHTYELLOW

FFFFE0

LIME

00FF00

LIMEGREEN

32CD32

LINEN

FAF0E6

MAGENTA

FF00FF

MAROON

800000

MEDIUMAQUAMARINE

66CDAA

MEDIUMBLUE

0000CD

MEDIUMORCHID

BA55D3

MEDIUMPURPLE

9370DB

MEDIUMSEAGREEN

3CB371

MEDIUMSLATEBLUE

7B68EE

MEDIUMSPRINGGREEN

00FA9A

MEDIUMTURQUOISE

48D1CC

MEDIUMVIOLETRED

C71585

MIDNIGHTBLUE

191970

MINTCREAM

F5FFFA

MISTYROSE

FFE4E1

MOCCASIN

FFE4B5

NAVAJOWHITE

FFDEAD

NAVY

000080

OLDLACE

FDF5E6

OLIVE

808000

OLIVEDRAB

6B8E23

ORANGE

FFA500

ORANGERED

FF4500

ORCHID

DA70D6

PALEGOLDENROD

EEE8AA

PALEGREEN

98FB98

PALETURQUOISE

AFEEEE

PALEVIOLETRED

DB7093

PAPAYAWHIP

FFEFD5

PEACHPUFF

FFDAB9

PERU

CD853F

PINK

FFC0CB

PLUM

DDA0DD

POWDERBLUE

BOEOE6

PURPLE

800080

RED

FF0000

ROSYBROWN

BC8F8F

ROYALBLUE

4169E1

SADDLEBROWN

8B4513

SALMON

FA8072

SANDYBROWN

F4A460

SEAGREEN

2E8B57

SEASHELL

FFF5EE

SIENNA

A0522D

SILVER

C0C0C0

SKYBLUE

87CEEB

SLATEBLUE

6A5ACD

SLATEGRAY

708090

SNOW

FFFAFA

SPRINGGREEN

00FF7F

STEELBLUE

4682B4

TAN

D2B48C

TEAL

008080

THISTLE

D8BFD8

TOMATO

FF6347

TURQUOISE

40E0D0

VIOLET

EE82EE

WHEAT

F5DEB3

WHITE

FFFFFF

WHITESMOKE

F5F5F5

YELLOW

FFFF00

YELLOWGREEN

9ACD32

5.1.1
Paleta 1

Paleta 2

Paleta 3

Col. pastel

Grises

Contrastes

Texto
sobre
fondo

Textos/fondos

Paleta 4

Paleta 5

Todos
Todos
colores (I) colores (II)

Pgina principal

Paleta 6
Cdigo nombre

Colores
Texto/enlaces/fondo
seguros

COLOR TOOLS

HTML Color Codes


Color Chart
Color Picker
Color Names
Web Safe Colors
Online HTML Editor

TUTORIALS

How to set far future expire headers


on RackSpace CDN?

THE BEST OF

ABOUT

The Best Free Software


The Best Online Services

Advertise here
Contact me
Privacy Policy
Sitemap

5.2

COLORES HTML

Los que estn en negrita se pueden escribir en lugar de los cdigos.


Nombre del color

Cdigo del color Apariencia

White

#FFFFFF

Red

#FF0000

Green

#00FF00

Blue

#0000FF

Magenta

#FF00FF

Cyan

#00FFFF

Yellow

#FFFF00

Black

#000000

Aqua

#70DB93

Baker's
Chocolate

#5C3317

Blue Violet

#9F5F9F

Brass

#B5A642

Bright Gold

#D9D919

Brown

#A62A2A

Bronze

#8C7853

Bronze II

#A67D3D

Cadet Blue

#5F9F9F

Cool Copper

#D98719

Copper

#B87333

Coral

#FF7F00

Corn
Blue

Flower

#42426F

Dark Brown

#5C4033

Dark Green

#2F4F2F

Dark
Green
#4A766E
Copper
Dark
Green

Olive

Dark Orchid

#4F4F2F
#9932CD

Dark Purple

#871F78

Dark
Blue

Slate

#6B238E

Dark
Grey

Slate

Dark Tan

#2F4F4F
#97694F

Dark Turquoise #7093DB


Dark Wood

#855E42

Dim Grey

#545454

Dusty Rose

#856363

Feldspar

#D19275

Firebrick

#8E2323

Forest Green

#238E23

Gold

#CD7F32

Goldenrod

#DBDB70

Gray

#C0C0C0

Green Copper #527F76


Green Yellow #93DB70

Hunter Green #215E21


Indian Red

#4E2F2F

Khaki

#9F9F5F

Light Blue

#C0D9D9

Light Grey

#A8A8A8

Light
Blue

#8F8FBD

Steel

Light Wood

#E9C2A6

Lime

#32CD32

Mandarian
Orange

#E47833

Maroon

#8E236B

Medium
Aquamarine

#32CD99

Medium Blue

#3232CD

Medium Forest
#6B8E23
Green
Medium
Goldenrod

#EAEAAE

Medium Orchid #9370DB


Medium
Green

Sea

Medium
Blue

Slate

#426F42

#7F00FF

Medium Spring
#7FFF00
Green
Medium
Turquoise

#70DBDB

Medium Violet
#DB7093
Red
Medium Wood #A68064
Midnight Blue #2F2F4F
Navy

#23238E

Neon Blue

#4D4DFF

Neon Pink

#FF6EC7

New
Blue

#00009C

Midnight

New Tan

#EBC79E

Old Gold

#CFB53B

Orange

#FF7F00

Orange Red

#FF2400

Orchid

#DB70DB

Pale Green

#8FBC8F

Pink

#BC8F8F

Plum

#EAADEA

Quartz

#D9D9F3

Rich Blue

#5959AB

Salmon

#6F4242

Scarlet

#8C1717

Sea Green

#238E68

Semi-Sweet
Chocolate

#6B4226

Sienna

#8E6B23

Silver

#E6E8FA

Sky Blue

#3299CC

Slate Blue

#007FFF

Spicy Pink

#FF1CAE

Spring Green #00FF7F


Steel Blue

#236B8E

Summer Sky

#38B0DE

Tan

#DB9370

Thistle

#D8BFD8

Turquoise

#ADEAEA

Very
Brown

Dark

Very
Grey

Light

#5C4033

#CDCDCD

Violet

#4F2F4F

Violet Red

#CC3299

Wheat

#D8D8BF

Yellow Green #99CC32


C CO C CO C CO C CO CD CO CD CO
DIG LO DIG LO DIG LO DIG LO IGO LO IGO LO

O
#00
000
0

O
#33
000
0

O
#66
000
0

O
#99
000
0

#CC
0000

#FF
0000

#CC
0033

#FF
0033

#CC
0066

#FF
0066

#00
003
3

#33
003
3

#66
003
3

#99
003
3

#00
006
6

#33
006
6

#66
006
6

#99
006
6

#CC
0099

#FF
0099

#00
009
9

#33
009
9

#66
009
9

#99
009
9

#CC
00C
C

#FF
00C
C

#00
00C
C

#33
00C
C

#66
00C
C

#99
00C
C

#CC
00FF

#FF
00F
F

#00
00F
F
#00
330
0

#33
00F
F
#33
330
0

#66
00F
F
#66
330
0

#99
00F
F
#99
330
0

#CC
3300
#CC
3333
#CC
3366

#FF
3300
#FF
3333
#FF
3366

#00
333
3
#00
336
6
#00
339
9

#33
333
3
#33
336
6
#33
339
9

#66
333
3
#66
336
6
#66
339
9

#99
333
3
#99
336
6
#99
339
9

#00
33C
C

#33
33C
C

#66
33C
C

#99
33C
C

#00
33F
F

#33
33F
F

#66
33F
F

#99
33F
F

#00
660
0
#00
663
3
#00
666

#33
660
0
#33
663
3
#33
666

#66
660
0
#66
663
3
#66
666

#99
660
0
#99
663
3
#99
666

#CC
3399

#FF
3399

#CC
33C
C

#FF
33C
C

#CC
33FF

#FF
33F
F

#CC
6600
#CC
6633
#CC
6666
#CC
6699
#CC
66C
C
#CC
66FF
#CC

#FF
6600
#FF
6633
#FF
6666
#FF
6699
#FF
66C
C
#FF
66F
F

9900

#00
669
9

#33
669
9

#66
669
9

#99
669
9

#CC
9933

#00
66C
C

#33
66C
C

#66
66C
C

#99
66C
C

#CC
9966
#CC
9999

#00
66F
F

#33
66F
F

#66
66F
F

#99
66F
F

#00
990
0

#33
990
0

#66
990
0

#99
990
0

#CC
99FF

#00
993
3

#33
993
3

#66
993
3

#99
993
3

#CC
CC0
0

#00
996
6

#33
996
6

#66
996
6

#99
996
6

#CC
CC3
3

#00
999
9

#33
999
9

#66
999
9

#99
999
9

#CC
CC6
6

#CC
99C
C

#FF
9900
#FF
9933
#FF
9966
#FF
9999
#FF
99C
C
#FF
99F
F
#FF
CC0
0
#FF
CC3
3
#FF
CC6

#00
99C
C

#33
99C
C

#66
99C
C

#99
99C
C

#CC
CC9
9

#00
99F
F

#33
99F
F

#66
99F
F

#99
99F
F

#CC
CCC
C

#00
CC0
0

#33
CC0
0

#66
CC0
0

#99
CC0
0

#CC
CCF
F

#00
CC3
3

#33
CC3
3

#66
CC3
3

#99
CC3
3

#CC
FF00
#CC
FF33

#00
CC6
6

#33
CC6
6

#66
CC6
6

#99
CC6
6

#00
CC9
9

#33
CC9
9

#66
CC9
9

#99
CC9
9

#CC
FF99

#00
CCC
C

#33
CCC
C

#66
CCC
C

#99
CCC
C

#CC
FFC
C

#00
CCF

#33
CCF

#66
CCF

#99
CCF

#CC
FFF

#CC
FF66

6
#FF
CC9
9
#FF
CCC
C
#FF
CCF
F
#FF
FF0
0
#FF
FF3
3
#FF
FF6
6
#FF
FF9
9

#00
FF0
0

#33
FF0
0

#66
FF0
0

#99
FF0
0

#00
FF3
3

#33
FF3
3

#66
FF3
3

#99
FF3
3

#00
FF6
6

#33
FF6
6

#66
FF6
6

#99
FF6
6

#00
FF9
9

#33
FF9
9

#66
FF9
9

#99
FF9
9

#00
FFC
C

#33
FFC
C

#66
FFC
C

#99
FFC
C

#00
FFF
F

#33
FFF
F

#66
FFF
F

#99
FFF
F

#FF
FFC
C
#FF
FFF
F

6. Colores HTML
En este artculo se describen los fundamentos del sistema
de colores RGB con vistas a su posterior empleo en la
pginas HTML.
6.1 Fundamento terico
La paleta de colores RGB (RVA en espaol) consta, bsicamente, de
tres colores primarios aditivos: Rojo-Verde-Azul. Estos colores
primarios aditivos, en HTML, estn representados por tres
pares hexadecimales del tipo 0xHH-HH-HH segn el siguiente
formato: (los colores bsicos o primarios, no aquellos que son
resultantes de mezclas)
#RRGGBB (= #RRVVAA)
Los valores que puede adoptar cada uno de los tres pares
hexadecimales van del 0x00 (0 decimal) al 0xFF (255 decimal).
Cuanto mayor sea el valor del par, tanto mayor ser tambin la
intensidad (matiz, brillo o claridad) del color correspondiente a ese
par (y viceversa). Esto implica que el extremo inferior de la escala
cromtica parte de una intensidad (grado) de color mnima (nulo =
par 0x00), pasa por una intensidad de color media (mediano = par
0x80 [128 decimal]) hasta llegar a una intensidad de color mxima
(saturado = par 0xFF). El grado de ms alta pureza (absoluto) de
un color primario aditivo estar determinado por la presencia total
del mismo (saturacin = 0xFF) junto con la ausencia total
(nulidad = 0x00) de los otros dos colores primarios aditivos.
Adems de estos tres colores primarios aditivos (RVA), existen tres
colores primarios sustractivos o CMY (CMA en espaol): CianMagenta-Amarillo.
Estos
colores
surgen
de
la
siguiente combinacin (mezcla) de los primarios aditivos:

Cian = Verde + Azul


Magenta = Rojo + Azul
Amarillo = Rojo + Verde
En cuanto a su grado de pureza, ocurre algo inverso a los colores
primarios aditivos, ya que el grado absoluto estar determinado por
la nulidad de uno de sus componentes y la saturacin de los otros
dos. Los colores complementarios de los primarios, tanto aditivos
como sustractivos, sern recprocamente:
Rojo Cian
Verde Magenta
Azul Amarillo
La
combinacin
simultnea
de
los
tres primarios
aditivos saturados produce el blanco (0xFFFFFF). Contrariamente,
la
combinacin
simultnea
de
los
tres primarios
sustractivos nulos produce el negro (0x000000). Resulta claro
tambin que la combinacin de dos colores mutuamente
complementarios producir el blanco, de igual modo que la
sustraccin (absorcin) de ambos dar lugar al negro (ausencia total
de color). As, p. ej., el rojo (0xFF0000) ms su complemetario que
es el cian (0x00FFFF), generan el blanco (0xFFFFFF). De hecho, el
cian no es otra cosa que la sustraccin del rojo al blanco.
Obsrvense los siguientes grficos:

Por su parte, el gris mediano (0x808080), que es el exacto trmino


medio entre el negro y el blanco, se obtendr a partir de la
combinacin simultnea de los tres primarios aditivos medianos.
Anlogamente, el gris semisaturado (claro) se obtendr a partir de
la combinacin 0xC0C0C0, mientras que el gris seminulo (oscuro)
mediante 0x404040. De este modo, tenemos que el resto de los
colores, que estn comprendidos entre el negro (0x000000) y el
blanco (0xFFFFFF), surgen de la combinacin de los tres primarios
aditivos en distintos grados. En otras palabras: bastar con
reemplazar cada uno de los pares 0xHH-HH-HH por un valor
comprendido entre 0x00 y 0xFF para obtener cualquiera de los
colores posibles.
Aunque en la prctica, puede haber algunas combinaciones que no
sean vlidas. Eso pasaba antiguamente, cuando la paleta de colores
ms grande tena 256 colores. Por eso, existen 216 colores seguros,
que sern visibles en cualquier dispositivo sin necesidad de tramado.
(otros 40 para el sistema), de los cuales algunos se muestran aqu.

7. Tabla de colores
Cd
igo
Nombre hex
HTML R
G
B

Cd
Cdi
igo
gode
Nombr hex
cimal
e HTML R
R G
G
B
B

Colores
rojos
IndianR CD5 205
ed
C5C 92 92
240
LightCor F08
128
al
080
128

Cd
Cdi
Cdi
igo
gode Nombr
gode
hex
cimal e HTM
cimal
R
R G
L
R G
G
B
B
B

Colore
s verde
s

Colore
s marr
ones

173
GreenY ADF
255
ellow
F2F
47

255
Cornsil FFF
248
k
8DC
220

Chartre 7FF 127


Blanch FFE 255
use
F00 255 0 edAlm BC 235
250
FA8
ond
D 205
Salmon
128
LawnGr 7CF 124
072
114
een
C00 252 0
255
FFE
Bisque
228
233
00F 0 255
4C4
DarkSal E99
Lime
196
150
F00 0
mon
67A
122
FFD 255
50
Navajo
LimeGr 32C
EA 222
255
205
White
LightSal FFA
een
D32
D 173
160
50
mon
07A
122
245
152
F5D
PaleGr 98F
Wheat
222
DC1 220
251
EB3
Crimson
een
B98
179
43C 20 60
152
DE 222
FF0 255 0
144
BurlyW
Red
LightGr 90E
B88 184
000 0
238
ood
een
E90
7
135
144
FireBric B22 178
D2B 210
k
222 34 34 Medium 00F 0 250 Tan
48C 180

140
DarkRe 8B0 139 0 Spring A9A 154
Green
d
000 0
188
RosyBr BC8
Spring 00F 0 255
143
Colores
own
F8F
Green F7F 127
143
rosas
255
FFC
192
0CB
203

Medium
60
3CB
SeaGre
179
371
en
113

244
Sandy F4A
164
Brown 460
96

255
LightPin FFB
182
k
6C1
193

46
SeaGre 2E8
139
en
B57
87

DA 218
Golden
A52 165
rod
0
32

255
FF6
HotPink
105
9B4
180

34
ForestG 228
139
reen
B22
34

DarkG
184
B88
oldenro
134
60B
d
11

255
DeepPi FF1
20
nk
493
147

Green

Pink

Medium
199
C71
VioletRe
21
585
d
133
219
PaleViol DB7
112
etRed 093
147
Colores
naranj
as

008 0 128
000 0
Peru

DarkGr 006 0 100


een
400 0
154
Yellow 9AC
205
Green D32
50
107
OliveDr 6B8
142
ab
E23
35
Olive

210
Chocol D26
105
ate
91E
30
Saddle 8B4 139
Brown 513 69 19
Sienna

A05 160
22D 82 45

808 128
A52 165
Brown
000 128 0
A2A 42 42

255
LightSal FFA
160
mon
07A
122

DarkOli
85
556
veGree
107
B2F
n
47

Coral

Medium 66C 102

FF7 255

205
CD8
133
53F
63

Maroo 800 128 0


n
000 0
Colore
s blan

F50 127
80

Aquam DA 205
arine
A
170

FF6 255
DarkSe
347 99 71
aGreen
Orange FF4 255
Red
500 69 0
LightSe
DarkOra FF8 255
aGreen
nge
C00 140 0
DarkCy
FFA 255
Orange
an
500 165 0
Tomato

Colores
amarill
os
Gold

Teal

FFD 255
700 215 0

Colore
s azule
s

143
8FB
188
C8F
143
32
20B
178
2AA
170

cos
255
FFF
White
255
FFF
255
Snow

255
FFF
250
AFA
250

240
Honey F0F
008 0 139
255
dew
FF0
B8B 139
240
008 0 128
245
MintCr F5F
080 128
255
eam
FFA
250

Aqua/C 00F 0 255


FFF 255
Yellow
yan
FFF 255
F00 255 0
224
255
LightCy E0F
LightYel FFF
255
255
an
FFF
low
FE0
255
224
175
FFF 255
PaleTur AFE
LemonC
238
AC 250
quoise EEE
hiffon
238
D 205
127
LightGol
250
Aquam 7FF
FAF
255
denrodY
250
arine
FD4
AD2
212
ellow
210
64
255
Turquoi 40E
Papaya FFE
224
239
se
0D0
Whip
FD5
208
213

240
F0F
Azure
255
FFF
255
240
AliceBl F0F
248
ue
8FF
255
248
Ghost F8F
248
White 8FF
255
245
WhiteS F5F
245
moke 5F5
245
255
Seash FFF
245
ell
5EE
238
Beige

F5F 245
5DC 245

255
Moccasi FFE
228
n
4B5
181
255
PeachP FFD
218
uff
AB9
185
238
PaleGol EEE
232
denrod 8AA
170
Khaki

240
F0E
230
68C
140

BD 189
DarkKh
B76 183
aki
B
107
Colores
prpur
as
230
Lavend E6E
230
er
6FA
250
Thistle

216
D8B
191
FD8
216

Plum

DD 221
A0D 160
D 221

Violet

238
EE8
130
2EE
238

Medium
72
48D
Turquoi
209
1CC
se
204

220

253
OldLac FDF
245
e
5E6
230
DarkTur 00C 0 206
quoise ED1 209
255
Floral FFF
250
95
White
AF0
CadetBl 5F9
240
158
ue
EA0
160
255
FFF
Ivory
255
70
FF0
SteelBl 468
240
130
ue
2B4
180
250
Antiqu FAE
235
176
eWhite
BD7
LightSt B0C
215
196
eelBlue 4DE
222
250
FAF
Linen
240
176
0E6
Powder B0E
230
224
Blue
0E6
230
Lavend
255
FFF
erBlus
240
AD 173
0F5
LightBl
h
245
D8E 216
ue
6
230
255
MistyR FFE
228
135
ose
4E1
SkyBlu 87C
225
206
e
EEB
235
Colore
s grise
135
LightSk 87C
s
206
yBlue EFA
250
DC 220
Gainsb
DC 220
DeepSk 00B 0 191 oro
DC 220
yBlue FFF 255
LightGr D3D 211
Dodger 1E9 30
ey
3D3 211

Orchid
Fuchsia
/
Magent
a
Medium
Orchid
Medium
Purple

218
DA7
112
0D6
214

Blue

0FF 144
255

Cornflo
100
Silver
649
werBlu
149
5ED
237
FF0 255 0 e
DarkGr
0FF 255
Medium
123
7B6
ay
SlateBl
104
8EE
ue
238
186
BA5
85
65
Gray
5D3
RoyalBl
416
211
105
ue
9E1
225
147
937
DimGr
112
000
0
0
0DB
Blue
ay
219
0FF 255

138
BlueViol 8A2
43
et
BE2
226

Medium 000 0
0 LightSl
Blue
0CD 205
ateGra
y
DarkBlu 000 0
0
DarkViol 940 148 0 e
08B 139
SlateG
et
0D3 211
000 0
0 ray
Navy
153
080 128
DarkOrc 993
50
DarkSl
hid
2CC
Midnigh
191
25
25
204
ateGra
tBlue
970 112
y
DarkMa 8B0 139 0
genta
08B 139
Black
800 128 0
Purple
080 128
Indigo

4B0 75 0
082 130

SlateBlu 6A5 106


e
AC 90

211
192
C0C
192
0C0
192
169
A9A
169
9A9
169
128
808
128
080
128
105
696
105
969
105
119
778
136
899
153
112
708
128
090
144
2F4 47 79
F4F 79
000
000
000

205

DarkSla 483 72 61
teBlue D8B 139
Existen 16.777.216 combinaciones distintas.

8. 6 Colores estandar (4 bits)

BLACK
SILVER

NAVY

GRAY

RED

BLUE

TEAL

YELLOW GREEN

MAROON WHITE

AQUA

OLIVE

LIME

FUCHSIA PURPLE

9. 256 Colores RGB (8 bits)

RED
FF0000

FF3300

FF3333

CC3333 FFCC99 CC0066

993300

FF0033

CC0033

FF9966

FF6699

660000

000000

CC0000

663333

990066

330000

LIME
66FF00

33FF33

66FF66

OLIVE
66FF00

99FF99 CCFFCC

GREEN
00FF00

00CC00

009900

006600

003300

00CC00

009900

006600

003300

009900

006600

66FF00

009900

AQUA
00FFFF

00FFFF

3333FF

TEAL
006666

6666FF

BLUE
0000FF

33FFFF

66FFFF

99FFFF CCFFFF

CCCCFF 0000CC

CC3300

000099

FF9999 FFCCCC 990033

000099

9999FF

MAROON
990000

CCCCFF 000066

000033

000099

00CCCC 009999

006666

003333

YELLOW FFFF33

FFFF66

FFFF99 FFFFCC

CCCC00 999900

666600

333300

FUCHSIA FF33FF

FF66FF

FF99FF FFCCFF

CC00CC 990099

660066

330033

TEAL

7D337D 7D667D 7D997D 7DCC7D

E100E1 CC00CC AF00AF

990099

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

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
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

666600

666633

666666

666699

6666CC

6666FF

669900

669933

669966

669999

6699CC

6699FF

66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF


66FF00

66FF33

66FF66

66FF99

66FFCC 66FFFF

336600

336633

336666

336699

3366CC

3366FF

339900

339933

339966

339999

3399CC

3399FF

006600

006633

006666

006699

0066CC

0066FF

009900

009933

009966

009999

0099CC

0099FF

33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF


00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
33FF00

33FF33

33FF66

33FF99

33FFCC 33FFFF

00FF00

00FF33

00FF66

00FF99

00FFCC 00FFFF

663300

663333

663366

663399

6633CC

6633FF

660000

660033

660066

660099

6600CC

6600FF

333300

333333

333366

333399

3333CC

3333FF

003300

003333

003366

003399

0033CC

0033FF

330000

330033

330066

330099

3300CC

3300FF

000000

000033

000066

000099

0000CC

0000FF

poner el fondo de la pagina de algn color uniforme, solo debes aadir el parmetro

OLOR en el comando BODY (situada al principio del documento), ya sea usando el


re de uno de los 16 colores bsicos o el cdigo hexadecimal de la trica rojo-verde-

meros hexadecimales, se caracteriza por tener 16 dgitos (en lugar de los diez de la
racin decimal habitual o dos en la binaria). Estos dgito son: 0 1 2 3 4 5 6 7 8 9 A B
EF

acute:, por ejemplo, el color rojo se representa como #FF0000, porque tiene el toda la
idad de rojo y nada de verde y azul.

000
F00
0FF - Azul

FFF
000
F00 - Amarillo

colores

bsicos

son:
Rojo
Verde

colores
-

son:
Blanco
Negro

hacer un color ms oscuro, simplemente reduce la intensidad del componente, dejando


ros dos iguales. As, el rojo (#FF0000) se hace ms oscuro asi: #CC0000, #990000,
000, #330000 etc

hacer que un color ms pastel, simplemente variar los otros dos colores dejando igual
ncipal. As, el rojo (#FF0000) se hace ms claro asi: #FF3333, #FF6666, #FF9999,
CCC etc

plo 1: <FONT SIZE=+2 COLOR=#33FF33>Esto esta en color verde </FONT>

Das könnte Ihnen auch gefallen