Manual wiki Colores

De Wikilibros, la coleccin de libros de texto de contenido libre. Manual wiki/Edicin/Colores Saltar a: navegacin, buscar Para dar colores a una pgina de internet, se usa el cdigo HTML indicando cul es el color que se quiere dar a una tabla, texto, un fondo... y el wiki no es una excepcin. El color puede ser un cdigo RGB o su propio nombre en ingls, de forma que es lo mismo referirse al rojo como "red" que como #FF0000 para ello vamos a explicar el funcionamiento del cdigo de colores RGB. En HTML cada color tiene un cdigo. Los cdigos de los colores se expresan en hexadecimal. La paleta de colores sigue el cdigo RGB (Rojo - Verde - Azul en ingls) que es un cdigo de colores aditivo. Este cdigo comienza con el smbolo # y tres pares de dgitos 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 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): Cyan-Magenta-Amarillo. Estos colores surgen de la siguiente combinacin (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 saturacin de los otros dos. Los colores complementarios de los primarios, tanto aditivos como sustractivos, sern recprocamente: Rojo Cyan

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 mutamente complementarios producir el blanco, de igual modo que la sustraccin (absorcin) de ambos dar lugar al negro (ausencia total de color). As, v. gr., el rojo (0xFF0000) ms su complemetario que es el cyan (0x00FFFF), generan el blanco (0xFFFFFF). De hecho, el cyan no es otra cosa que la sustraccin del rojo al blanco. Obsrvense los siguientes grficos:

Mezcla de colores aditivos

Mezcla de colores sustractivos

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 semi-saturado (claro) se obtendr a partir de la combinacin 0xC0C0C0, mientras que el gris semi-nulo (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 0xHHHH-HH por un valor comprendido entre 0x00 y 0xFF para obtener cualquiera de los colores posibles.

En la prctica
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
En esta tabla puedes encontrar los colores ms comunes que se usan en HTML. Tambin puedes ver la lista de colores del anexo. Nombre HTML Cdigo Hex R G B CD 5C 5C F0 80 80 FA 80 72 E9 96 7A FF A0 7A DC 14 3C FF 00 00 B2 22 22 8B 00 00 Cdigo Cdigo Nombre HTML Hex Nombre HTML Hex R G B R G B

Colores Rojos
IndianRed LightCoral Salmon DarkSalmon LightSalmon Crimson Red FireBrick DarkRed

Colores Verdes
AD FF 2F 7F FF Chartreuse 00 7C FC LawnGreen 00 00 FF Lime 00 32 CD LimeGreen 32 98 FB PaleGreen 98 90 EE LightGreen 90 MediumSpringGree 00 FA n 9A 00 FF SpringGreen 7F GreenYellow

Colores Marrones
FF F8 DC BlanchedAlmon FF EB d CD FF E4 Bisque C4 FF DE NavajoWhite AD F5 DE Wheat B3 DE B8 BurlyWood 87 D2 B4 Tan 8C BC 8F RosyBrown 8F F4 A4 SandyBrown 60 Cornsilk

Colores Rosados
Pink LightPink HotPink DeepPink MediumVioletRed PaleVioletRed FF C0 CB FF B6 C1 FF 69 B4 FF 14 93 C7 15 85 DB 70 93 FF A0 7A FF 7F 50 FF 63 47 FF 45 00 FF 8C 00 FF A5 00

Colores Anarajados
LightSalmon Coral Tomato OrangeRed DarkOrange Orange

Colores Amarillos
FF D7 00 FF FF Yellow 00 FF FF LightYellow E0 FF FA LemonChiffon CD LightGoldenrodYello FA FA w D2 FF EF PapayaWhip D5 FF E4 Moccasin B5 FF DA PeachPuff B9 PaleGoldenrod EE E8 Gold

3C B3 71 2E 8B SeaGreen 57 22 8B ForestGreen 22 00 80 Green 00 00 64 DarkGreen 00 9A CD YellowGreen 32 6B 8E OliveDrab 23 80 80 Olive 00 55 6B DarkOliveGreen 2F MediumAquamarin 66 CD e AA 8F BC DarkSeaGreen 8F 20 B2 LightSeaGreen AA 00 8B DarkCyan 8B 00 80 Teal 80 MediumSeaGreen

DA A5 20 B8 86 DarkGoldenrod 0B CD 85 Peru 3F D2 69 Chocolate 1E 8B 45 SaddleBrown 13 A0 52 Sienna 2D A5 2A Brown 2A 80 00 Maroon 00 Goldenrod

Colores Pastel
White Snow Honeydew MintCream Azure AliceBlue GhostWhite WhiteSmoke Seashell Beige OldLace FloralWhite Ivory AntiqueWhite FF FF FF FF FA FA F0 FF F0 F5 FF FA F0 FF FF F0 F8 FF F8 F8 FF F5 F5 F5 FF F5 EE F5 F5 DC FD F5 E6 FF FA F0 FF FF F0 FA EB

Colores Azules
Aqua Cyan LightCyan PaleTurquoise Aquamarine Turquoise MediumTurquoise DarkTurquoise 00 FF FF 00 FF FF E0 FF FF AF EE EE 7F FF D4 40 E0 D0 48 D1 CC 00 CE

Khaki DarkKhaki

AA F0 E6 8C BD B7 6B E6 E6 FA D8 BF D8 DD A0 DD EE 82 EE DA 70 D6 FF 00 FF FF 00 FF BA 55 D3 93 70 DB 8A 2B E2 94 00 D3 99 32 CC 8B 00 8B 80 00 80 4B 00 82 6A 5A CD 48 3D 8B

CadetBlue SteelBlue LightSteelBlue PowderBlue LightBlue SkyBlue LightSkyBlue DeepSkyBlue DodgerBlue CornflowerBlue MediumSlateBlue RoyalBlue Blue MediumBlue DarkBlue Navy MidnightBlue

Colores Violetas
Lavender Thistle Plum Violet Orchid Fuchsia Magenta MediumOrchid MediumPurple BlueViolet DarkViolet DarkOrchid DarkMagenta Purple Indigo SlateBlue DarkSlateBlue

D1 5F 9E A0 46 82 B4 B0 C4 DE B0 E0 E6 AD D8 E6 87 CE EB 87 CE FA 00 BF FF 1E 90 FF 64 95 ED 7B 68 EE 41 69 E1 00 00 FF 00 00 CD 00 00 8B 00 00 80 19 19 70

D7 FA F0 Linen E6 FF F0 LavenderBlush F5 FF E4 MistyRose E1

Colores Grises
DC DC DC D3 D3 LightGrey D3 C0 C0 Silver C0 A9 A9 DarkGray A9 80 80 Gray 80 69 69 DimGray 69 77 88 LightSlateGray 99 70 80 SlateGray 90 2F 4F DarkSlateGray 4F 00 00 Black 00 Gainsboro

Tips and tricks: Your wikis logo

By CAROLE | Published: AUGUST 4, 2011

You want to get your wiki just right including the way it looks. And while we think the Wikispaces bonsai logo is pretty fantastic, it might not be right for you. Thats why we made it easy to change the logo for one that better represents you, your classroom, or your organization. All you need is an image file (.jpg, .png, or .gif) and the advice below. Use the right size image for your logo. If your logo is too large, it can push the important parts of your wiki right off the screen. If its too small, it can just look kind of silly. We recommend using a logo image thats about 140 pixels wide by 48 pixels high. If your logo is too large or small, you can either select another image, or use your favorite image editing software to resize your logo. There are a lot of different programs out there, but these three are simple and free: Preview (Mac) Paint (Windows) Gimp (free image editing software) Add your wiki name to a custom logo.

When you upload a custom logo, it will replace the bonsai logo and the name of your wiki. There are two simple solutions for this. The first is to make sure that the name of your wiki is part of the image you use as a logo (again, your favorite image editing software will help you do this).

Logos
If you feel comfortable with HTML and CSS, and your wiki is on a Plus, Super, or Education plan, or part of a Private Label site, you can modify the theme of your wiki to add the title next to the logo. Our custom themes help page will show you how to do that. Upload your custom logo. Now that your logo is ready, its time to add it to the wiki:

1. Go to Manage Wiki. 2. Under Settings, click Look and Feel. 3. Scroll down to Logo and hit the Browse button. 4. Select your prepared logo file. 5. Hit Save. Restore the original logo. Like we said, we think the bonsai logo is pretty great, so we understand if you want to bring it back. You can revert to the default logo any time you want with a few simple steps: 1. Go to Manage Wiki. 2. Under Settings, click Look and Feel. 3. Scroll down to Logo and hit the Reset to Default button. Troubleshooting If the image you uploaded is too big, it might push some of the contents of your wiki off the visible screen. If that happens, dont panic. Its easy to fix: 1. Go to Manage Wiki. The large logo may have pushed it off the visible screen, but it will still be there. Scroll down and to the right until you find it. 2. Under Settings, click Look and Feel. 3. Scroll down to Logo, where youll see the preview display of your logo image. 4. Hit the Reset to Default button. No matter how big the image is, the Reset to Default button will be immediately under its lower right corner.
El logo de la cabecera de un espacio web es un elemento identificativo importante. Es conveniente, pues, aadir un logo personalizado a nuestra wiki. Este logo puede contener texto, imgenes, etc. Se puede elaborar en un programa de edicin como Photoshop, Gimp, etc., o bien hacerlo de manera ms sencilla desde aplicaciones online. Algunos ejemplos de logos realizados con distintas aplicaciones:

Logos Realizados con Cool Text

Logos realizados con 3D Text Maker

Logos realizados con Image Chef

Es conveniente que el logo no tenga color de fondo, es decir, que el fondo sea transparente. De esta manera se integrar mejor con el color de la cabecera de nuestro wiki. En cuanto a la forma, puede ser cuadrado o alargado. El formato de archivo puede ser JPEG, GIF O PNG. Para un logo de cabecera con fondo transparente es mejor PNG. El logo de este wiki (Paideia) est realizado con Photoshop, guardado en formato png. Tiene unas dimensiones de 962x156 y ocupa 257 KB. Su fondo es transparente. Despus de crear y guardar el logo en nuestro ordenador, hay que "subirlo" al wiki. 1. 2. Para ello, hay que ir a "Administrar wiki" / "Aspecto Visual" / "Logo". Haciendo clic en EXAMINAR, podremos seleccionar el archivo de nuestro ordenador, sealarlo y pulsar el botn ABRIR. Para confirmar el nuevo logo, hacer clic en GUARDAR.

3.

Otros logos (generalmente con movimiento o banners) no pueden insertarse en la cabecera, ya que tienen un cdigo y no funcionan como un archivo de imagen. Los podemos usar, por ejemplo, al comienzo de una pgina o en cualquier otro espacio de la misma, a travs de insertar widget. Aqu tienes algunos ejemplos:

Logos realizados en Glitter-Graphics

TEMAS
APELLI NOMBR AVANCES DO E MDICOS BOTA EFEMRI MEDICA INSTRUM. MDIC INFECCI VENENO PATOL NICA. DES

M.

MDICO

OS

ONES

OGAS

BENAL HANAE resonancia equis LAL magntica eto

Diosc rides

leucemi as epilepsi a psoriasi s infarto de miocard io hepatitis curare B sarampi n Parkins on arritmia s vitligo hiperme tropa

BLANC MARIN fecundacin AS A in vitro GARC A ELVIR IRENE tranfusin A sangunea MOND ecografa JAR Severo Ochoa recibe el premio Nobel
Fucus Gregor Mendel enuncia las leyes de la gentica

Willia m Harve y

Santia verruga go s Ram ny Cajal

esfigmoma Ramn Peste nmetro Castro viejo

FLORE NATAL Cesrea S IA HIDAL GO

Anemia

FONSE SOFA artoscopia CA

sintrom

Karl enferme Landst dad del einer sueo mononu cleosis

melano ma escorbu to

MIGUE NATAL Test de L IA Papanicolau MART stent NEZ MORE LUCA vasectoma DA MART N NAVAR LAURA audiometra RO SNCH EZ

hormona laringosc Paul legionel del opio Ehrlic osis crecimie h nto aspirina

asma

rubeola anfetami coma salmone nas etlico losis artritis

Robert hepatitis cannabi raquitis Koch no B s mo Mary herpes Seaco le Alexa nder Flemin g toxina anorexi botulnic a a glauco toxina ma "come osteopo carne" rosis (Strepto coccus pyogene s) herona hiperten sin acn

NDOO KATHY fecundacin P artificial

NIETO IRENE corazn FERN artificial NDEZ antispticos

Rudolph Virchow enuncia la teora celular descubri analgsi miento cos de la estructur

autoclave

PINTA MART radiografa tila DO N transplante ARCO S

Louis Paste ur

esquizo frenia

a del ADN RODR ANA vacunacin GUEZ ISABE OLMO L Lisa gripe toxina catarata Meitne tubercul tetnica s r osis astigma tismo Descubri miento de los rayos X Floren malaria ce Nighti ngale Claudi o Galen o Claud enferme e dad de Barnar Chagas d angina de pecho enfisem a

RUIZ GEMA bypass POZO coronario

RUIZ ANA electrocardi SEPL ISABE ograma VEDA L

Descubri protector miento estomac de la al penicilin a

aneuris ma calambr es

SNCH ALEXA electroencef EZ NDER alograma ARAUZ DIU

antihista fonendos Edwar lepra mnicos copio d bomba de Jenne cobalto r ginse secuenci ng acin del genoma humano desfibrila dor semiauto mtico dengue cicuta soplo

SNCH LUIS ortopedia EZMIGUE CLEME L NTE BATRE S SERRA IURDA NO NA RODR GUEZ traqueotom a amniocente sis

Hipcr viruela ates pie de atleta

coma ictus

YUBER ALBER endoscopia O TO cesrea MARTI baln

heparina

Miguel clera Servet Grego

intragstrico

rio Mara n

WIKIS DISPONIBLES

Avances mdicos Artroscopia

Botanicali Efemride Instrumental Medicamento Mdicos a Ajo Ans s Dolly: el primer mamfero clonado Humphry Davy propiedade s anestsica s del xido nitroso sueros Audfono Camillas de Espirmetro Inmovilizador Pldora es cabeza , cuello y despus Gerhard Armauer Hansen HARVEY Primer transplante de corazn Howard Se crea la Atwood Kelly Ignasi Barraquer i Barraquer James primera vacuna WILLIAMS CUSHING George anticonceptiva Nicholas Pldora del da u s antiinflamatori Anton van os ek

Infeccion Veneno Patologa es s s

Amebiasis cocana Candidiasi de s bola neumona Sfilis Viruela diseo LSD

Audiometra loe Ciruga por orificios naturales Corazn artificial Ecografa Ligadura de trompas Maniobra de Heimlich Mtodo Ogino Mtodos anticonceptiv os de barrera Prueba de la tuberculina Reanimacin cardiopulmon ar Vendajes Borraja Hierba luisa Laurel

Leeuwenho bronquitis Drogas

emergencias antispticos

Papanicolao SIDA

Manzanilla publica las columna

Parkinson Jean-Martin Charcot John Abel Joseph Lister Luc Montagnier

Ren Thophile Hyacinthe Lannec, Sigmund Freud

William Osler