Freedom30
"El último destino del hombre es... el olvido."

Los colores, en código html



Les doy la bienvenida a todos.


Hoy estaremos hablando de cómo los colores codifican en el formato HTML y cómo se pueden utilizar para darle un toque especial a tus comentarios, y a tus posts, en cualquier sitio web.

_________________________________________________________________________________


Fundamentos


La paleta de colores en el formato RGB (Red-Green-Blue) consta de los colores ya mencionados - rojo, verde y azul. 

¿Qué sucede? Bueno, pues ocurre que para transponerlo en el formato HTML simplemente los representan en pares hexadecimales del tipo 0xHH-HH-HH. Me explico:


- Los valores de cada par van desde 0x00 (0 en el sistema RGB) hasta 0xFF (255 en el sistema RGB).

- Mientras más alto el valor en cada par, más intenso es el matiz:

    ? Una intensidad de hasta 0x79 en la escala se considera mínimo

    ? Una intensidad a partir de 0x80 es mediana

    ? La intensidad descrita por la relación 0xFF es saturada al máximo


De modo que, para describir los tres colores primarios hay una saturación de uno de los pares y la nulidad de los otros dos pares. Aplicando esto, tenemos que el código HTML de:


    ? Rojo - FF (saturación del rojo) x 00 (nulidad del verde) x 00 (nulidad del azul) = #FF0000  

    ? Verde - 00 (nulidad del rojo) x 80 (intensidad media del verde) x 00 (nulidad del azul) = #008000*

    ? Azul - 00 (nulidad del rojo) x 00 (nulidad del verde) x FF (saturación del azul) = #0000FF


* La combinación pura sería #00FF00, y de hecho, existe; sin embargo, se le llama verde lima (lime, en inglés) y no se considera primaria. Por lo tanto, la combinación intermedia #008000 es la oficial para el verde.


Ahora bien, sabemos que cada color tiene su complememtario. En código HTML, esto significa anular un tono y saturar los otros dos. Analicemos cada complementario:


    ? Cian (complementario del rojo)

      = 00 (nulidad del rojo) x FF (saturación del verde) x FF (saturación del azul) = #00FFFF  

    ? Magenta (complementario del verde)

      = FF (saturación del rojo) x 00 (nulidad del verde) x FF (saturación del azul) = #FF00FF*

    ? Amarillo (complementario del azul)

      = FF (saturación del rojo) x FF (saturación del verde) x 00 (nulidad del azul) = #FFFF00


* Más concretamente, ésta combinación es la complementaria para el ya mencionado color lima. Nosotros, basándonos meramente en la numeración, pensaríamos que la combinación complementaria para el verde, como está oficialmente definido, sería el púrpura, #800080. Sin embargo, esta combinación solamente lleva al gris, y por lo tanto no cumple con la definición de color complementario. La combinación que cumple este criterio es #FF80FF, un tono de rosa.


Cada color primario, unido a su complementario, equivale al color blanco (#FFFFFF). El negro, en cambio, es la nulidad de todos los colores primarios (#000000). El gris, el color a mitad de camino entre el blanco y el negro, tiene como código #808080 (intensidad media de todos los colores primarios).

_________________________________________________________________________________


Tablas de colores


Ahora les mostraré unas tablas de colores, con sus denominaciones oficiales y códigos en los sistemas HTML y RGB. Estos colores fueron nombrados así cuando las computadoras solamente reconocían 256 colores. Recuerden que sus ojos reconocen aproximadamente de 1-5 millones de colores (dependiendo de su condición visual) y las computadoras de hoy día reconocen 11.7 millones de colores más, para el gran total de 16.7 millones de colores en el sistema de 24 bits.













_________________________________________________________________________________


¿Cómo utilizarlos?


Ahora viene lo interesante - ¿cómo uso yo estos códigos?

Bueno, para programar un comentario tenemos que codificarlo de esta manera:


[*color=**]Comentario[/*color]


El asunto de todo esto es que, para hacerlo válido, no sólo debe ir entre corchetes, sino que, para este caso, también hay que sacar los asteriscos del escenario.


Para convertir un comentario o cualquier texto a cualquier color que NO esté en el panel de edición, solamente toman el código HTML del color y lo colocan donde van los asteriscos, precedidos del símbolo de número (#).


Ejemplo: un comentario en deep pink (rosa profundo, un color que no está en el panel de edición) debe programarse de esta manera:


[*color=**]Comentario[*/color]

color=#FF1493


Debe salir así:

Comentario


¡Inténtenlo! Así debe ocurrir con casi todos los colores, en cualquier sitio web con programación HTML.

_________________________________________________________________________________


Señores, hasta aquí mi intervención. Espero que hayan aprendido algo nuevo hoy, y si no, pues por lo menos han reforzado su conocimiento.

Los colores, en código html
10 Puntos Score: 3.3/10
Visitas: 795 Favoritos: 6
Ver los usuarios que votaron...
4 Comentarios Los colores, en código html
Excelente data... muy buen recurso para dise?
@guillotina Gracias por haberte pasado por aqu?
muy interesantes sus aportes   , me gustar?
Gracias por pasarte, @lauchis.
Por los puntos no te preocupes; lo importante es que aprendas algo nuevo siempre.
Saludos.  
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!