Clase 9

Unidad 5: La informatización del color

La notación HTML, otra forma de designación de colores en los selectores

El lenguaje HTML emplea notación hexadecimal de seis dígitos para designar los colores RGB.  El sistema de numeración hexadecimal tiene como base el 16.  Esto quiere decir que se usan 16 símbolos y no diez, como en el sistema decimal.  Dado que el sistema arábigo de numeración es de base decimal y, por ello, sólo tiene diez dígitos, se adoptó la convención de usar las seis primeras letras del alfabeto latino (indistintamente en mayúsculas o minúsculas) para suplir los dígitos restantes. Resulta así que los dígitos de este sistema van del 0 a la F. 

En hexadecimal, los símbolos que se  emplean son:

0; 1; 2; 3; 4; 5; 6; 7; 8; 9; A; B; C; D; E; F

(A equivale al 10 del sistema decimal, B al 11, C  al 12, D al 13, E al 14 y F al 15).

El lenguaje HTML emplea notación hexadecimal de seis dígitos para designar los colores RGB.

La notación HTML (o códigos Hex) suele ser empleada por sitios web y muchas aplicaciones de software para designar colores RGB. Esto porque dos dígitos hexadecimales permiten codificar hasta 256 posibilidades, (lo que se deriva de destinar un byte en memoria), la misma cantidad que se emplea en el modelo RGB para cada primario luz.  Los primeros dos dígitos se emplean para designar las variaciones de luz roja (del mínmo al máximo), los siguientes para la luz verde y los dos últimos para la luz azul.  El color blanco, por ejemplo, se obtiene por la mezcla de los tres colores primarios luz en su máxima intensidad, entonces el código HTML que corresponde al blanco es #FFFFFF. El código que corresponde al negro será #000000.

Aprovechamos el Modelo HSV para construir paletas de colores armónicos

¡Ahora, manos a la obra!

 Construí tus propias paletas de armónicos en GIMP y compartilas

  • Elegí “archivo Nuevo”, creá un lienzo de 1000x200pixeles y guardalo con el nombre: paletas tu apellido.xcf (en el formato nativo de GIMP) en tu computadora. 
  • Luego usá guías para dividir el lienzo en cinco cuadrados de 200×200 pixeles.
  • Creá tres capas y en cada una de ellas, generá una paleta de 5 armónicos:
  1. Por saturación y brillo
  2. Por saturación y tinte
  3. Por brillo y tinte
  • Elegí una de las paletas (la que más te guste),  exportá como jpg y denominá el archivo con el tipo de armónicos al que corresponda la paleta + tu apellido y la inicial de tu nombre (por ejemplo: tinte-saturación_RomeroM.jpg) y sin compresión.
  • Cargá el archivo en la columna del Mural que corresponda,  como título colocale tu Nombre y apellido y en la descripción escribile los códigos HTML de cada color, separados por comas. (Tenés tiempo hasta mañana viernes 14/05 a las 18:00 hs. para completarlo).

Este mural está cerrado, ya no admite contribuciones

Hecho con Padlet

Te mostramos, alternativas al trabajo que hiciste en Gimp usando  una aplicación en línea  para seleccionar paletas de colores

Generación de paletas de color desde la web con Adobe Color.

 

Adobe 1 en tgd

Extracción de una paleta de color de una fotografia empleando Adobe Color.

Adobe 2 en tgd

Existen muchas otras aplicaciones, en línea, que permiten prestaciones similares a la que ofrece Adobe color.  En la pestaña links de interés de este blog, hemos cargado las direcciones de algunas de ellas

¡¡Manos a la obra nuevamente!!

Replicá los videos para hacer tu montaje y hacé la edición de color que prefieras. Si aún no lo hiciste, descargá desde aquí las imágenes para trabajar.  Esperamos te diviertas y disfrutes explorando las herramientas de GIMP.

Editá el archivo que exportaste para  que tenga 300×400 píxeles, y guardalo en formato jpg (sin compresión) antes de cargarlo en el sguiente Mural. Subilo en la columna que corresponde según la terminación de tu registro. (Recordá que tenés tiempo hasta mañana viernes 14/05 hasta las 18:00hs).

Este mural está cerrado, ya no admite contribuciones

Hecho con Padlet

Se encuentra disponible en el Aula, la parte A del cuestionario Asincrónico de la Unidad 5, sobre Modelos de Color.  Se puede entregar hasta el  jueves 20 de mayo a las 8:00 hs.