Diferencia entre revisiones de «Manual wiki/Edición/Colores»

Contenido eliminado Contenido añadido
m →‎Tabla de colores: Añado enlace a Colores HTML en Wikipedia
Página reemplazada por "chupen piko maricones kliaos"
Línea 1:
chupen piko maricones kliaos
__TOC__
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... y el 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 ==
 
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 (<font color="#FF0000">'''R'''ojo</font> - <font color="#00FF00">'''V'''erde</font> - <font color="#0000FF">'''A'''zul</font> 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): <font color="#00FFFF">'''C'''yan</font>-<font color="#FF00FF">'''M'''agenta</font>-<font color="#FFFF00">'''A'''marillo</font>. Estos colores surgen de la siguiente '''combinación''' (mezcla) de los primarios aditivos:
 
<center>
Cyan = Verde + Azul
 
Magenta = Rojo + Azul
 
Amarillo = Rojo + Verde
</center>
 
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:
 
<center>
Rojo &#8596; Cyan
 
Verde &#8596; Magenta
 
Azul &#8596; Amarillo
</center>
 
La combinación simultánea de los tres [[#Primarios aditivos saturados (absolutos)|primarios aditivos '''saturados''']] produce el blanco (0xFFFFFF). Contrariamente, la combinación simultánea de los tres [[#Primarios sustractivos nulos (absolutos)|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:
 
[[Image:AdditiveColorMixing.png|left|thumb|225px|Mezcla de colores aditivos]]
 
[[Image:SubtractiveColorMixing.png|right|thumb|225px|Mezcla de colores sustractivos]]
 
<br style="clear:both;">
 
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 ==
Editando el wiki, los colores se indican con una [[../Etiquetas HTML|etiqueta HTML]] que comienza con:<br>
<nowiki><font color="#0000FF">'''Texto en color'''</font></nowiki>. Si lo que queremos es colorear el texto de esta manera: <font color="#0000FF">'''Texto en color'''</font>.
 
Si lo que quieres es poner color al fondo de un texto, debes usar la siguiente etiqueta: <nowiki><font style="background:#FFFF00">Texto con fondo amarillo</font></nowiki> <font style="background:#FFFF00">Texto con fondo amarillo</font>
 
== Tabla de colores ==
En esta tabla puedes encontrar los colores más comunes que se usan en HTML. También puedes ver una lista de colores [[Manual de edición wiki/Colores/Lista|'''pinchando aquí''']].
 
{|
|- valign="top"
|
{|border="0"
!style="background:lightgrey;" | Nombre [[w:HTML|HTML]]
!colspan=2 style="background:lightgrey;"| [[w:Hexadecimal|Código Hex]]<br>[[w:RGB|R &nbsp; G &nbsp;
B]]
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Colores Rojos'''</big>
|- style="background:indianred; color:white;"
|IndianRed ||CD 5C 5C
|- style="background:lightcoral; color:black;"
|LightCoral ||F0 80 80
|- style="background:salmon; color:black;"
|Salmon ||FA 80 72
|- style="background:darksalmon; color:black;"
|DarkSalmon ||E9 96 7A
|- style="background:lightsalmon; color:black;"
|LightSalmon ||FF A0 7A
|- style="background:crimson; color:white; color:white;"
|Crimson ||DC 14 3C
|- style="background:red; color:white;"
|Red ||FF 00 00
|- style="background:firebrick; color:white;"
|FireBrick ||B2 22 22
|- style="background:darkred; color:white;"
|DarkRed ||8B 00 00
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Colores Rosados'''</big>
|- style="background:pink; color:black;"
|Pink ||FF C0 CB
|- style="background:lightpink; color:black;"
|LightPink ||FF B6 C1
|- style="background:hotpink; color:white;"
|HotPink ||FF 69 B4
|- style="background:deeppink; color:white;"
|DeepPink ||FF 14 93
|- style="background:mediumvioletred; color:white;"
|MediumVioletRed||C7 15 85
|- style="background:palevioletred; color:white;"
|PaleVioletRed ||DB 70 93
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Colores Anarajados'''</big>
|- style="background:lightsalmon; color:black;"
||LightSalmon ||FF A0 7A
|- style="background:coral; color:white;"
|Coral ||FF 7F 50
|- style="background:tomato; color:white;"
|Tomato ||FF 63 47
|- style="background:orangered; color:white;"
|OrangeRed ||FF 45 00
|- style="background:darkorange; color:white;"
|DarkOrange ||FF 8C 00
|- style="background:orange; color:white;"
|Orange ||FF A5 00
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Colores Amarillos'''</big>
|- style="background:gold; color:black;"
|Gold ||FF D7 00
|- style="background:yellow; color:black;"
|Yellow ||FF FF 00
|- style="background:lightyellow; color:black;"
|LightYellow ||FF FF E0
|- style="background:lemonchiffon; color:black;"
|LemonChiffon ||FF FA CD
|- style="background:lightgoldenrodyellow; color:black;"
|LightGoldenrodYellow||FA FA D2
|- style="background:papayawhip; color:black;"
|PapayaWhip ||FF EF D5
|- style="background:moccasin; color:black;"
|Moccasin ||FF E4 B5
|- style="background:peachpuff; color:black;"
|PeachPuff ||FF DA B9
|- style="background:palegoldenrod; color:black;"
|PaleGoldenrod ||EE E8 AA
|- style="background:khaki; color:black;"
|Khaki ||F0 E6 8C
|- style="background:darkkhaki; color:white;"
|DarkKhaki ||BD B7 6B
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Colores Violetas'''</big>
|- style="background:lavender; color:black;"
|Lavender ||E6 E6 FA
|- style="background:thistle; color:white;"
|Thistle ||D8 BF D8
|- style="background:plum; color:white;"
|Plum ||DD A0 DD
|- style="background:violet; color:white;"
|Violet ||EE 82 EE
|- style="background:orchid; color:white;"
|Orchid ||DA 70 D6
|- style="background:fuchsia; color:white;"
|Fuchsia ||FF 00 FF
|- style="background:magenta; color:white;"
|Magenta||FF 00 FF
|- style="background:mediumorchid; color:white;"
|MediumOrchid ||BA 55 D3
|- style="background:mediumpurple; color:white;"
|MediumPurple ||93 70 DB
|- style="background:blueviolet; color:white;"
|BlueViolet ||8A 2B E2
|- style="background:darkviolet; color:white;"
|DarkViolet ||94 00 D3
|- style="background:darkorchid; color:white;"
|DarkOrchid ||99 32 CC
|- style="background:darkmagenta; color:white;"
|DarkMagenta ||8B 00 8B
|- style="background:purple; color:white;"
|Purple ||80 00 80
|- style="background:indigo; color:white;"
|Indigo ||4B 00 82
|- style="background:slateblue; color:white;"
|SlateBlue ||6A 5A CD
|- style="background:darkslateblue; color:white;"
|DarkSlateBlue ||48 3D 8B
|-
|}
|
{|
!style="background:lightgrey;" | Nombre [[w:HTML|HTML]]
!colspan=2 style="background:lightgrey;"| [[w:Hexadecimal|Código Hex]]<br>[[w:RGB|R &nbsp; G &nbsp;
B]]
 
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Colores Verdes'''</big>
|- style="background:greenyellow; color:black;"
|GreenYellow ||AD FF 2F
|- style="background:chartreuse; color:black;"
|Chartreuse ||7F FF 00
|- style="background:lawngreen; color:black;"
|LawnGreen ||7C FC 00
|- style="background:lime; color:black;"
|Lime ||00 FF 00
|- style="background:limegreen; color:black;"
|LimeGreen ||32 CD 32
|- style="background:palegreen; color:black;"
|PaleGreen ||98 FB 98
|- style="background:lightgreen; color:black;"
|LightGreen ||90 EE 90
|- style="background:mediumspringgreen; color:black;"
|MediumSpringGreen||00 FA 9A
|- style="background:springgreen; color:black;"
|SpringGreen ||00 FF 7F
|- style="background:mediumseagreen; color:white;"
|MediumSeaGreen ||3C B3 71
|- style="background:seagreen; color:white;"
|SeaGreen ||2E 8B 57
|- style="background:forestgreen; color:white;"
|ForestGreen ||22 8B 22
|- style="background:green; color:white;"
|Green ||00 80 00
|- style="background:darkgreen; color:white;"
|DarkGreen ||00 64 00
|- style="background:yellowgreen; color:white;"
|YellowGreen ||9A CD 32
|- style="background:olivedrab; color:white;"
|OliveDrab ||6B 8E 23
|- style="background:olive; color:white;"
|Olive ||80 80 00
|- style="background:darkolivegreen; color:white;"
|DarkOliveGreen ||55 6B 2F
|- style="background:mediumaquamarine; color:black;"
|MediumAquamarine||66 CD AA
|- style="background:darkseagreen; color:white;"
|DarkSeaGreen ||8F BC 8F
|- style="background:lightseagreen; color:white;"
|LightSeaGreen ||20 B2 AA
|- style="background:darkcyan; color:white;"
|DarkCyan ||00 8B 8B
|- style="background:teal; color:white;"
|Teal ||00 80 80
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Colores Azules'''</big>
|- style="background:aqua; color:black;"
|Aqua ||00 FF FF
|- style="background:cyan; color:black;"
|Cyan ||00 FF FF
|- style="background:lightcyan; color:black;"
|LightCyan ||E0 FF FF
|- style="background:paleturquoise; color:black;"
|PaleTurquoise ||AF EE EE
|- style="background:aquamarine; color:black;"
|Aquamarine ||7F FF D4
|- style="background:turquoise; color:black;"
|Turquoise ||40 E0 D0
|- style="background:mediumturquoise; color:white;"
|MediumTurquoise ||48 D1 CC
|- style="background:darkturquoise; color:white;"
|DarkTurquoise||00 CE D1
|- style="background:cadetblue; color:white;"
|CadetBlue ||5F 9E A0
|- style="background:steelblue; color:white;"
|SteelBlue ||46 82 B4
|- style="background:lightsteelblue; color:black;"
|LightSteelBlue ||B0 C4 DE
|- style="background:powderblue; color:black;"
|PowderBlue ||B0 E0 E6
|- style="background:lightblue; color:black;"
|LightBlue ||AD D8 E6
|- style="background:skyblue; color:black;"
|SkyBlue ||87 CE EB
|- style="background:lightskyblue; color:black;"
|LightSkyBlue||87 CE FA
|- style="background:deepskyblue; color:white;"
|DeepSkyBlue ||00 BF FF
|- style="background:dodgerblue; color:white;"
|DodgerBlue ||1E 90 FF
|- style="background:cornflowerblue; color:white;"
|CornflowerBlue||64 95 ED
|- style="background:mediumslateblue; color:white;"
|MediumSlateBlue||7B 68 EE
|- style="background:royalblue; color:white;"
|RoyalBlue ||41 69 E1
|- style="background:blue; color:white;"
|Blue ||00 00 FF
|- style="background:mediumblue; color:white;"
|MediumBlue ||00 00 CD
|- style="background:darkblue; color:white;"
|DarkBlue ||00 00 8B
|- style="background:navy; color:white;"
|Navy ||00 00 80
|- style="background:midnightblue; color:white;"
|MidnightBlue ||19 19 70
|-
|}
|
{|
!style="background:lightgrey;" | Nombre [[w:HTML|HTML]]
!colspan=2 style="background:lightgrey;"| [[w:Hexadecimal|Código Hex]]<br>[[w:RGB|R &nbsp; G &nbsp;
B]]
 
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Colores Marrones'''</big>
|- style="background:cornsilk; color:black;"
|Cornsilk ||FF F8 DC
|- style="background:blanchedalmond; color:black;"
|BlanchedAlmond ||FF EB CD
|- style="background:bisque; color:black;"
|Bisque ||FF E4 C4
|- style="background:navajowhite; color:black;"
|NavajoWhite ||FF DE AD
|- style="background:wheat; color:black;"
|Wheat ||F5 DE B3
|- style="background:burlywood; color:white;"
|BurlyWood ||DE B8 87
|- style="background:tan; color:white;"
|Tan ||D2 B4 8C
|- style="background:rosybrown; color:white;"
|RosyBrown ||BC 8F 8F
|- style="background:sandybrown; color:white;"
|SandyBrown ||F4 A4 60
|- style="background:goldenrod; color:white;"
|Goldenrod ||DA A5 20
|- style="background:darkgoldenrod; color:white;"
|DarkGoldenrod ||B8 86 0B
|- style="background:peru; color:white;"
|Peru ||CD 85 3F
|- style="background:chocolate; color:white;"
|Chocolate ||D2 69 1E
|- style="background:saddlebrown; color:white;"
|SaddleBrown ||8B 45 13
|- style="background:sienna; color:white;"
|Sienna ||A0 52 2D
|- style="background:brown; color:white;"
|Brown ||A5 2A 2A
|- style="background:maroon; color:white;"
|Maroon ||80 00 00
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Colores Pastel'''</big>
|- style="background:white; color:black;"
|White ||FF FF FF
|- style="background:snow; color:black;"
|Snow ||FF FA FA
|- style="background:honeydew; color:black;"
|Honeydew ||F0 FF F0
|- style="background:mintcream; color:black;"
|MintCream ||F5 FF FA
|- style="background:azure; color:black;"
|Azure ||F0 FF FF
|- style="background:aliceblue; color:black;"
|AliceBlue ||F0 F8 FF
|- style="background:ghostwhite; color:black;"
|GhostWhite ||F8 F8 FF
|- style="background:whitesmoke; color:black;"
|WhiteSmoke ||F5 F5 F5
|- style="background:seashell; color:black;"
|Seashell ||FF F5 EE
|- style="background:beige; color:black;"
|Beige ||F5 F5 DC
|- style="background:oldlace; color:black;"
|OldLace ||FD F5 E6
|- style="background:floralwhite; color:black;"
|FloralWhite ||FF FA F0
|- style="background:ivory; color:black;"
|Ivory ||FF FF F0
|- style="background:antiquewhite; color:black;"
|AntiqueWhite ||FA EB D7
|- style="background:linen; color:black;"
|Linen ||FA F0 E6
|- style="background:lavenderblush; color:black;"
|LavenderBlush ||FF F0 F5
|- style="background:mistyrose; color:black;"
|MistyRose ||FF E4 E1
|-
|colspan=2; style="background:whitesmoke; color:slategray; text-align:left;"|<big>'''Colores Grises'''</big>
|- style="background:gainsboro; color:black;"
|Gainsboro ||DC DC DC
|- style="background:lightgrey; color:black;"
|LightGrey ||D3 D3 D3
|- style="background:silver; color:black;"
|Silver ||C0 C0 C0
|- style="background:darkgray; color:black;"
|DarkGray ||A9 A9 A9
|- style="background:gray; color:white;"
|Gray ||80 80 80
|- style="background:dimgray; color:white;"
|DimGray ||69 69 69
|- style="background:lightslategray; color:white;"
|LightSlateGray ||77 88 99
|- style="background:slategray; color:white;"
|SlateGray ||70 80 90
|- style="background:darkslategray; color:white;"
|DarkSlateGray ||2F 4F 4F
|- style="background:black; color:white;"
|Black ||00 00 00
|}
|-
|}
 
{{wikipedia|Colores HTML}}