domingo, 10 de febrero de 2013

Tabla de colores HTML con spinner Jquery UI

spinner al igual que slider es una utilidad de Jquery UI para establecer valores entre un mínimo y un valor máximo, la única diferencia es la interfaz gráfica, ya que en un slider se obtiene el valor al arrastrar con el ratón un eje, y con spinner se accede a los valores a través de un campo de texto en el cual hay una flecha para avanzar y otra para retroceder.

En el siguiente ejemplo se ve como al igual que con slider se puede crear una tableta de colores HTML, cada uno de los spinner forman parte de la gama básica RGB, rojo, verde y azul y comprenden los valores de 0 a 255, que posteriormente son unidos y transformado a una cadena hexadecimal.

Tabla RGB de colores HTML
ROJO:
VERDE:
AZUL:

Código hexadecimal:




Javascript ... HTML ...