Manual wiki/Edición/Colores

Índice de la sección
«Edición»




Para dar colores a una página de internet, se usa el código HTML indicando cuál es el color que se quiere dar a una tabla, texto, un fondo, etc; el entorno wiki no es una excepción. El color puede ser un código RGB o su propio nombre en inglés, de forma que es lo mismo referirse al rojo como "red" que como #FF0000 para ello vamos a explicar el funcionamiento del código de colores RGB.

Código RGB

editar

En HTML cada color tiene un código. Los códigos de los colores se expresan en hexadecimal. La paleta de colores sigue el código RGB (Rojo - Verde - Azul en inglés) que es un código de colores aditivo. Este código comienza con el símbolo # y tres pares de dígitos hexadecimales en el que cada par representa la cantidad de color en el orden antes descrito.

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á también la intensidad (matiz, brillo o claridad) del color correspondiente a ese par (y viceversa). Esto implica que el extremo inferior de la escala cromática parte de una intensidad (grado) de color mínima (nulo = par 0x00), pasa por una intensidad de color media (mediano = par 0x80 [128 decimal]) hasta llegar a una intensidad de color máxima (saturado = par 0xFF). El grado de más alta pureza (absoluto) de un color primario aditivo estará determinado por la presencia total del mismo (saturación = 0xFF) junto con la ausencia total (nulidad = 0x00) de los otros dos colores primarios aditivos.

Además de estos tres colores primarios aditivos (RVA), existen tres colores primarios sustractivos o CMY (CMA en español): Cyan-Magenta-Amarillo. Estos colores surgen de la siguiente combinación (mezcla) de los primarios aditivos:

Cyan = 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 saturación de los otros dos. Los colores complementarios de los primarios, tanto aditivos como sustractivos, serán recíprocamente:

Rojo ↔ Cyan

Verde ↔ Magenta

Azul ↔ Amarillo

La combinación simultánea de los tres primarios aditivos saturados produce el blanco (0xFFFFFF). Contrariamente, la combinación simultánea de los tres primarios sustractivos nulos produce el negro (0x000000). Resulta claro también que la combinación de dos colores mutamente complementarios producirá el blanco, de igual modo que la sustracción (absorción) de ambos dará lugar al negro (ausencia total de color). Así, v. gr., el rojo (0xFF0000) más su complemetario que es el cyan (0x00FFFF), generan el blanco (0xFFFFFF). De hecho, el cyan no es otra cosa que la sustracción del rojo al blanco. Obsérvense los siguientes gráficos:

 
Mezcla de colores aditivos
 
Mezcla de colores sustractivos


Por su parte, el gris mediano (0x808080), que es el exacto término medio entre el negro y el blanco, se obtendrá a partir de la combinación simultánea de los tres primarios aditivos medianos. Análogamente, el gris semi-saturado (claro) se obtendrá a partir de la combinación 0xC0C0C0, mientras que el gris semi-nulo (oscuro) mediante 0x404040. De este modo, tenemos que el resto de los colores, que están comprendidos entre el negro (0x000000) y el blanco (0xFFFFFF), surgen de la combinación 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.

En la práctica

editar

Editando el wiki, los colores se indican con una etiqueta HTML que comienza con:
<font color="#0000FF">'''Texto en color'''</font>. Si lo que queremos es colorear el texto de esta manera: Texto en color.

Si lo que quieres es poner color al fondo de un texto, debes usar la siguiente etiqueta: <font style="background:#FFFF00">Texto con fondo amarillo</font> Texto con fondo amarillo

Tabla de colores

editar

En esta tabla puedes encontrar los colores más comunes que se usan en HTML. También puedes ver la lista de colores del anexo.

Nombre HTML Código Hex
R   G   B
Colores Rojos
IndianRed CD 5C 5C
LightCoral F0 80 80
Salmon FA 80 72
DarkSalmon E9 96 7A
LightSalmon FF A0 7A
Crimson DC 14 3C
Red FF 00 00
FireBrick B2 22 22
DarkRed 8B 00 00
Colores Rosados
Pink FF C0 CB
LightPink FF B6 C1
HotPink FF 69 B4
DeepPink FF 14 93
MediumVioletRed C7 15 85
PaleVioletRed DB 70 93
Colores Anarajados
LightSalmon FF A0 7A
Coral FF 7F 50
Tomato FF 63 47
OrangeRed FF 45 00
DarkOrange FF 8C 00
Orange FF A5 00
Colores Amarillos
Gold FF D7 00
Yellow FF FF 00
LightYellow FF FF E0
LemonChiffon FF FA CD
LightGoldenrodYellow FA FA D2
PapayaWhip FF EF D5
Moccasin FF E4 B5
PeachPuff FF DA B9
PaleGoldenrod EE E8 AA
Khaki F0 E6 8C
DarkKhaki BD B7 6B
Colores Violetas
Lavender E6 E6 FA
Thistle D8 BF D8
Plum DD A0 DD
Violet EE 82 EE
Orchid DA 70 D6
Fuchsia FF 00 FF
Magenta FF 00 FF
MediumOrchid BA 55 D3
MediumPurple 93 70 DB
BlueViolet 8A 2B E2
DarkViolet 94 00 D3
DarkOrchid 99 32 CC
DarkMagenta 8B 00 8B
Purple 80 00 80
Indigo 4B 00 82
SlateBlue 6A 5A CD
DarkSlateBlue 48 3D 8B
Nombre HTML Código Hex
R   G   B
Colores Verdes
GreenYellow AD FF 2F
Chartreuse 7F FF 00
LawnGreen 7C FC 00
Lime 00 FF 00
LimeGreen 32 CD 32
PaleGreen 98 FB 98
LightGreen 90 EE 90
MediumSpringGreen 00 FA 9A
SpringGreen 00 FF 7F
MediumSeaGreen 3C B3 71
SeaGreen 2E 8B 57
ForestGreen 22 8B 22
Green 00 80 00
DarkGreen 00 64 00
YellowGreen 9A CD 32
OliveDrab 6B 8E 23
Olive 80 80 00
DarkOliveGreen 55 6B 2F
MediumAquamarine 66 CD AA
DarkSeaGreen 8F BC 8F
LightSeaGreen 20 B2 AA
DarkCyan 00 8B 8B
Teal 00 80 80
Colores Azules
Aqua 00 FF FF
Cyan 00 FF FF
LightCyan E0 FF FF
PaleTurquoise AF EE EE
Aquamarine 7F FF D4
Turquoise 40 E0 D0
MediumTurquoise 48 D1 CC
DarkTurquoise 00 CE D1
CadetBlue 5F 9E A0
SteelBlue 46 82 B4
LightSteelBlue B0 C4 DE
PowderBlue B0 E0 E6
LightBlue AD D8 E6
SkyBlue 87 CE EB
LightSkyBlue 87 CE FA
DeepSkyBlue 00 BF FF
DodgerBlue 1E 90 FF
CornflowerBlue 64 95 ED
MediumSlateBlue 7B 68 EE
RoyalBlue 41 69 E1
Blue 00 00 FF
MediumBlue 00 00 CD
DarkBlue 00 00 8B
Navy 00 00 80
MidnightBlue 19 19 70
Nombre HTML Código Hex
R   G   B
Colores Marrones
Cornsilk FF F8 DC
BlanchedAlmond FF EB CD
Bisque FF E4 C4
NavajoWhite FF DE AD
Wheat F5 DE B3
BurlyWood DE B8 87
Tan D2 B4 8C
RosyBrown BC 8F 8F
SandyBrown F4 A4 60
Goldenrod DA A5 20
DarkGoldenrod B8 86 0B
Peru CD 85 3F
Chocolate D2 69 1E
SaddleBrown 8B 45 13
Sienna A0 52 2D
Brown A5 2A 2A
Maroon 80 00 00
Colores Pastel
White FF FF FF
Snow FF FA FA
Honeydew F0 FF F0
MintCream F5 FF FA
Azure F0 FF FF
AliceBlue F0 F8 FF
GhostWhite F8 F8 FF
WhiteSmoke F5 F5 F5
Seashell FF F5 EE
Beige F5 F5 DC
OldLace FD F5 E6
FloralWhite FF FA F0
Ivory FF FF F0
AntiqueWhite FA EB D7
Linen FA F0 E6
LavenderBlush FF F0 F5
MistyRose FF E4 E1
Colores Grises
Gainsboro DC DC DC
LightGrey D3 D3 D3
Silver C0 C0 C0
DarkGray A9 A9 A9
Gray 80 80 80
DimGray 69 69 69
LightSlateGray 77 88 99
SlateGray 70 80 90
DarkSlateGray 2F 4F 4F
Black 00 00 00

Manual wiki
ÍndiceIntroducciónEnlaces
Los proyectos WikimediaEdiciónUsando el entorno wikiAnexo