Web.HTML.Colores.

Ismael Royano Gómez
Enredando con la WEB.
2 min readJul 27, 2016

En HTML se puede especificar colores básicamente en 3 tipos; por nombre, RGB y formato hexadecimal.

Por Nombre.

Red,Orange, Yellow, Cyan y Blue. HTML soporta hasta 140 colores distintos:

Tipos de Rosa. Pink, LightPink, HotPink, DeepPink, PaleVioletRed y MediumVioletRed.

Tipos de Púrpura. Lavender, Thistle, Plum Orchid, Violet, Fuchsia, Magenta, MediumOrchid, DarkOrchid, DarkViolet, BlueViolet, DarkMagenta, Purple, MediumPurple, MediumSlateBlue, SlateBlue, DarkSlateBlue, RebeccaPurple e Indigo.

Tipos de Rojo. LightSalmon, Salmon, DarkSalmon, LightCoral, IndianRed, Crimson, Red, FireBrick y DarkRed.

Tipos de Naranja. Orange, DarkOrange, Coral, Tomato y OrangeRed.

Tipos de Amarillo. Gold, Yellow, LightYellow, LemonChiffon, LightGoldenRodYellow, PapayaWhip, Moccasin, PeachPuff, PaleGoldenRod, Khaki y DarkKhaki.

Tipos de Verde. GreenYellow, Chartreuse, LawnGreen, Lime, LimeGreen, PaleGreen, LightGreen, MediumSpringGreen, SpringGreen, MediumSeaGreen, SeaGreen, ForestGreen, Green, DarkGreen, YellowGreen, OliveDrab, DarkOliveGreen, MediumAquaMarine, DarkSeaGreen, LightSeaGreen, DarkCyan y Teal.

Tipos de Cian. Aqua, Cyan, LightCyan, PaleTurquoise, Aquamarine, Turquoise, MediumTurquoise y DarkTurquoise.

Tipos de Azul. CadetBlue, SteelBlue, LightSteelBlue, LightBlue, PowderBlue, LightSkyBlue, SkyBlue, CornflowerBlue, DeepSkyBlue, DodgerBlue, RoyalBlue, Blue, MediumBlue, DarkBlue, Navy y MidnightBlue.

Tipos de Marrón. Cornsilk, BlanchedAlmond, Bisque, NavajoWhite, Wheat, BurlyWood, Tan, RosyBrown, SandyBrown, GoldenRod, DarkGoldenRod, Peru, Chocolate, Olive, SaddleBrown, Sienna, Brown y Maroon.

Tipos de Blancos. White, Snow, HoneyDew, MintCream, Azure, AliceBlue, GhostWhite, WhiteSmoke, SeaShell, Beige, OldLace, FloralWhite, Ivory, AntiqueWhite, Linen, LavenderBlush y MistyRose.

Tipos de Gris. Gainsboro, LightGray, Silver, DarkGray, DimGray, Gray, LightSlateGray, SlateGray, DarkSlateGray y Black.

Por RGB.

Los colores también se pueden especificar mediante la fórmula RGB(Red, Green y Blue). Cada color tiene una densidad de 0 a 255. Unos ejemplos de como funciona:

  • rgb(255,0,00) Sería el rojo.
  • rgb (0,255,0) Sería el verde.
  • rgb (0,0,255) Sería el azul.

Básicamente es mezclar distintas tonalidades de cada color e ir exprimentando.

Por Hexadecimal.

Los colores se pueden especificar también con valores hexadecimales, es decir, que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la A a la F.

Cada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por una almohadilla, como por ejemplo #FFFFFF.

Un ejemplo de las formas de representar colores en HTML:

<html>
<body>
<h2 style="background-color:red">Fondo de color rojo.</h2>
<h2 style="background-color:rgb(255,0,0)">Usando rgb(255,0,0)</h2>
<h2 style="background-color:#CCCCCC;">Usando el valor #CCCCCC </h2>
</body>
</html>

Se puede curiosear esta página para experimentar con todos los posibles colores y formas de hacerlo en HTML.

Continúa por Sección HEAD.

--

--

Ismael Royano Gómez
Enredando con la WEB.

Técnico Informático curioso, lector activo de las nuevas tecnologías, amante de las series de televisión y usuario del respetable mundo del enredo.