Manual wiki/Edición/Colores
|
Índice de la secció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
editarEn 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:
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
editarEditando 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
editarEn esta tabla puedes encontrar los colores más comunes que se usan en HTML. También puedes ver la lista de colores del anexo.
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Manual wiki Índice • Introducción • Enlaces | |||||||||||||||
| Los proyectos Wikimedia • Edición • Usando el entorno wiki • Anexo | |||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|