Colores HTML
Colores RGB
Los colores en HTML se especifican mediante el estándar RGB (Red Green and Blue). Este
estándar indica que una combinación de los tres colores básicos: rojo, verde y azul puede dar
lugar a cualquier otro color.
Los valores que se les da al RGB son valores hexadecimales que van desde el 00 hasta el FF. Al
valor del color se le antepone una almohadilla.
De esta forma un color rojo sería aquel que solo tiene activado el Red, el verde solo la parte del
Green y el azul la parte del Blue. Así los colores básicos en HTML serán:
Rojo #FF0000
Verde #00FF00
Azul #0000FF
Otras combinaciones generales de colores serían el negro (activando todos los colores), el blanco
(desactivando todos los colores), amarillo (combinando Red y Blue), fucsia (combinando todo el
rojo y todo el azul)
Negro #FFFFFF
Blanco #000000
Amarillo #FFFF00
Fucsia #FF00FF
Y luego ya combinaciones de los múltiples valores hexadecimales
Gris Plata #C0C0C0
Azul Marino #000080
Verde Oliva #808000
…
Aunque lo más recomendable es utilizar el código hexadecimal para representar un valor,
tenemos la alternativa de referirnos a los colores por su nombre en inglés. Este valor también
será entendido por el navegador web. Así tendremos:
• Rojo - red
• Verde - green
• Azul - blue
• Blanco - white
• Negro - black
• Naranja - orange
• …
Utilizar los colores en HTML
Los colores al ser elementos de estilo son utilizados en las CSS. Ya que HTML solo define la
estructura de la página.
Pero vamos a ver, por encima, cómo podríamos cambiar el color de un texto. Para ello vamos a
utilizar el atributo style. El atributo style nos permite asignar un estilo CSS a un elemento HTML.
El estilo que vamos a manipular es color. A ese atributo color le asignaremos un valor RGB.
<elemento style="color:#RGB" />
Por ejemplo si queremos cambiar el color a un header podríamos hacer lo siguiente.
<h1 style="color:#FF0000">Cabecera 1</h1>
Otro atributo CSS al que podríamos dar un colo es el color de fondo. Para ello deberemos de
manipular el atributo background-color. De esta forma si queremos poner un color de fondo a
una capa podríamos hacer lo siguiente.
<div style="background-color:#FFFF00">Mi Capa</div>
Es interesante que le eches un ojo al Manual de CSS para aprender más sobre el uso de colores
en páginas web.
Guía de Colores Hexadecimales
A modo de apoyo aquí tenemos una guía de colores generales, sus valores hexadecimales y
nombre en inglés
Aliceblue Antiquewhite Aqua Aquamarine
F0F8FF FAEBD7 00FFFF 7FFFD4
Azure Beige Bisque Black
F0FFFF F5F5DC FFE4C4 000000
Blanchedalmond Blue Blueviolet Brown
FFEBCD 0000FF 8A2BE2 A52A2A
Burlywood Cadetblue Chartreuse Chocolate
DEB887 5F9EA0 7FFF00 D2691E
Coral Cornflowerblue Cornsilk Crimson
FF7F50 6495ED FFF8DC DC143C
Cyan Darkblue Darkcyan Darkgoldenrod
00FFFF 00008B 008B8B B8860B
Darkgray Darkgreen Darkkhaki Darkmagenta
A9A9A9 006400 BDB76B 8B008B
Darkolivegreen Darkorange Darkorchid Darkred
556B2F
FF8C00 9932CC 8B0000
Darksalmon Darkseagreen Darkslateblue Darkslategray
E9967A 8FBC8F 483D8B 2F4F4F
Darkturquoise Darkviolet deeppink Deepskyblue
00CED1
9400D3 FF1493 00BFFF
Dimgray Dodgerblue Firebrick Floralwhite
696969 1E90FF B22222 FFFAF0
Forestgreen Fuchsia Gainsboro Ghostwhite
228B22 FF00FF DCDCDC F8F8FF
Gold Goldenrod Gray Green
FFD700 DAA520 808080 008000
Greenyellow Honeydew Hotpink Indianred
ADFF2F F0FFF0 FF69B4 CD5C5C
Indigo Ivory Khaki Lavendar
4B0082 FFFFF0 F0E68C E6E6FA
Lavenderblush Lawngreen Lemonchiffon Lightblue
FFF0F5
7CFC00 FFFACD ADD8E6
Lightcoral Lightcyan Lightgoldenrodyellow Lightgreen
F08080 E0FFFF FAFAD2 90EE90
Lightgrey Lightpink Lightsalmon Lightseagreen
D3D3D3 FFB6C1 FFA07A 20B2AA
Lightskyblue Lightslategray Lightsteelblue Lightyellow
87CEFA 778899 B0C4DE FFFFE0
Lime Limegreen Linen Magenta
00FF00 32CD32 FAF0E6 FF00FF
Maroon Mediumauqamarine Mediumblue Mediumorchid
800000 66CDAA 0000CD BA55D3
Mediumpurple Mediumseagreen Mediumslateblue Mediumspringgreen
9370D8 00FA9A
3CB371 7B68EE
Mediumturquoise Mediumvioletred Midnightblue Mintcream
48D1CC C71585 191970 F5FFFA
Mistyrose Moccasin Navajowhite Navy
FFE4E1 FFE4B5 FFDEAD 000080
Oldlace Olive Olivedrab Orange
FDF5E6 808000 688E23 FFA500
Orangered Orchid Palegoldenrod Palegreen
FF4500 DA70D6 EEE8AA 98FB98
Paleturquoise Palevioletred Papayawhip Peachpuff
AFEEEE D87093 FFEFD5 FFDAB9
Peru Pink Plum Powderblue
CD853F FFC0CB DDA0DD B0E0E6
Purple Red Rosybrown Royalblue
800080 FF0000 BC8F8F 4169E1
Saddlebrown Salmon Sandybrown Seagreen
8B4513 FA8072 F4A460 2E8B57
Seashell Sienna Silver Skyblue
FFF5EE A0522D C0C0C0 87CEEB
Slateblue Slategray Snow Springgreen
6A5ACD 708090 FFFAFA 00FF7F
Steelblue Tan Teal Thistle
4682B4 D2B48C 008080 D8BFD8
Tomato Turquoise Violet Wheat
FF6347 40E0D0 EE82EE F5DEB3
White Whitesmoke Yellow YellowGreen
FFFFFF F5F5F5 FFFF00 9ACD32
