Muchos de nosotros realizamos diversos trabajos de diseño para pantalla, desde estáticos hasta con “movimiento”… un banner, una página web, una formita en línea, un “interactivo” completo. Pero que pasa cuando entre iguales o alguien posiblemente relacionado (e.g. el inge en sistemas que te va a “programar” una “página”) y de repente no sabemos cómo comunicarnos… no tanto en el qué se quiere, me refiero a aquellos “tecnicismos” que como diseñadores podemos pasar por alto… Sin embargo, es importante que parte de ser profesionista/profesional toma en cuenta la capacidad de entender, manejar y expresar conceptos de la disciplina, sean técnicos, teóricos o propios del argot del ramo.
El modelo RGB, coordenadas cartesianas en 3D y la base hexadecimal
Alguna vez escribí un post sobre un modelo de color llamado HSL. Pero no hay que ir tan lejos, sólo recordar bien lo del modelo “aditivo” (RGB) y el modelo “sustractivo” (CMYK), que la luz se adiciona y que la “suma” de la “intensidad” de la luz se concentra en un punto de la pantalla llamado pixel (e.g. picture element).Este modelo, el llamado RGB por los tres “haces” de luz (rojo, verde y azul) puede verse tan simple como poner el rojo en el eje x, verde en el eje y y el azul en el eje z.Si está apagado, entonces el valor del rojo, azul y verde estará en 0 y corresponde al negro, por lo que se puede decir que el color negro corresponde a la coordenada (0,0,0). Si los tres haces se prenden al máximo veremos el pixel de color blanco, y entonces ahí entra el valor que indica cuál es el rango de colores que un monitor puede desplegar, este valor depende de las combinaciones de bits. El nombre que recibe este valor es “profundidad”… por lo tanto, a mayor profundidad, mayor el número de combinaciones y por ende, mayor el número de colores que el monitor pueda desplegar (claro, que nuestro ojo humano lo vea es otro rollo). Un número “básico” es 8 (aunque ahora hay mayor profunidad, como en el “color verdadero”), dando un número total de combinaciones de 256, es decir 1 que toma el color negro (el (0,0,0)) y sobran 255, donde (255,255,255) es blanco…
Ahora bien, 0 y 255 son números base 1o o decimal. 255 no es más que “diez a la cero por cinco” (las unidades), “diez a la una por cinco” (las decenas) y “diez al cuadrado por dos” (las centenas). Si un número lo expresamos en base 16 o hexadecimal, la idea es la misma, pero como los digitos (i.e. un sólo número) se nos agotan después del 9 (el chiste es que sea un solo número) entonces se empleamos letras (de la A a la F)… Esto ocasiona que el cero en hexadecimal sea 0, el nueve 9, pero el diez ya no se llame diez sino “A”, el 11 sea “B” y el 16 sea “F”. Sacando cuentas, el 255 es FF.Entonces escribir (0,0,0) en hexadecimal es (0,0,0); pero (255,255,255) es (FF,FF,FF).En los lenguajes de programación, existe una convención de que los números hexadecimales se escriban con un # para poder distinguirlos de una “variable” (porque aparecen tanto números como letras).
En particular, el modelo RGB se escribe con los valores del rojo, verde y azul en ese orden y “pegaditos”. Así un #000000 es negro y #FFFFFF es blanco. No es complicado de notar que #FF0000 es rojo (porque solo hay luz roja y el azul y verde están apagados), #00FF00 es verde y obviamente #0000FF es azul. Como el modelo RGB es aditivo, entonces los otros colores salen de que tanto le “aumentemos” o “disminuyamos” al haz de luz del rojo, del verde y del azul. Por ejemplo, como azul más rojo da magenta, entonces como el verde no figura, por lógica debe escribirse #FF00FF…. Uno puede irse divirtiendo al ir ensamblando los colores bajo el modelo RGB.
Para los diseñadores, al tener una concepción espacial muy bien desarrollada, nos debe ser “cómodo” imaginarnos el puntito de la coordenada entre los colores rojo, azul y verde y así ir “navegando” entre el mar de colores. Este modelo, forma un cubo. El negro en el origen y a su otro extremo el blanco (porque se han prendido al máximo el rojo, verde y azul). En las esquinas del cubo van (sobre los ejes) el R, el G y el B, y en las esquinas restantes del cubo van los colores secundarios. Adentro viven todos los colores desplegados y en particular, la línea que une el negro con el blanco (atravesando el cubo entre estas dos puntas) son los grises… claro que si tenemos una profundidad de 8 bits, solo habrá 254 grises intermedios entre el blanco y el negro.
Ahora sí, cuando seleccionemos un color en dreamweaver, flash, o especificando un CSS, tomaremos en cuenta que color podemos estar produciendo dependiendo de los valores que vayan después del ‘#’ .
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””’
Como este post ha resultado más largo de lo que pensé, lo voy a dejar hasta aquí. Escribiré los demás puntos de poco en poco para que sea más cómodo de leer en pantalla.
- ¿Qué significa eso de separar el contenido de la forma? En la Web, por qué del CSS y del XHTML.
- ¿Arquitectura? ¿Navegación? ¿Por qué y para qué?
- La importancia, utilidad o facilidad de contemplar un arquetipo al diseñar para pantalla.
- ¿Web?¿Internet? Se cómo se llaman, pero ¿se qué son?
- ¿A qué se le llama servidor? ¿A qué se le llama dominio?
- ¿URL? ¿URI?
- ¿Dirección absoluta? ¿Dirección relativa?
- ¿Profundidad de clics?
- ¿Java o Java Script? ¿Cuál es la diferencia? ¿Qué es entonces un lenguaje de guiones? ¿Por qué se llama Action Script?
¿Qué opinan? ¿Les laten los temas? ¿Algo que se pueda agregar a la lista?
Espero sus comentarios.
