You are on page 1of 4

TRABAJO CON COLORES

Ariel Ricaldez G.
Informatica FCyT UMSS

Introduccin
Para los diseadores web, la cuestin de elegir los colores correctos es muy importante, ya que
puede determinar si el usuario permanece o deja la pgina web, y por lo tanto se debe buscar
colores y combinacin de colores que sean agradables para el usuario.
Existen muchas herramientas en la web, ms adelante se ver algunas herramientas
demostrando utilidad y funcionalidad de la aplicacin. Se hablara sobre buscador de imgenes
Google, TinEye Labs (www.labs.tineye.com), Webcolourdata(www.webcolourdata.com), y
ColorBlender(www.colorblender.com).
Se va a tomar una imagen, y extraer los colores para luego copiarlos y utilizarlos en Photoshop.
Desarrollo
BUSCADOR DE IMGENES: Uno de las cosas muy tiles que se puede encontrar en la web,
es un buscador de imgenes con un patrn de colores que se quiere.
Existen varias herramientas que se pueden usar para ello. El buscador de imgenes de Google,
permite hacer bsqueda de imgenes con un color determinado.

La cantidad de colores que ofrece es muy poco, por lo que existen otras herramientas que tiene
paleta de colores.
Con TinEye, puede hacerse una bsqueda, con 1, 2, 3, 4, 5 colores. Solo hay que seleccionar los
colores, y la cantidad en porcentaje que influye en una imagen. Por supuesto tambin la
categora de imgenes que buscamos. Las imgenes lo busca desde Flickr(www.flickr.com),
segn los colores y tags dados.

Por ejemplo, se quiere buscar imgenes de flores, que tengan color amarillo, tono de rojo y
celeste. Se especifica que el tono de rojo al 30%, celeste al 20% y amarillo 50%.

Es una herramienta muy util a la hora de elegir imgenes que combinen con la pagina que se
quiere desarrollar. Tambien existe otras herramientas similares, para buscar imgenes como,
shutterstock, designspiration, etc.
RASTREADOR DE COLOR DE UNA PAGINA WEB: Puede ser importante saber los tonos
de colores que usa una pagina web exitosa o no exitosa. Para ello, hay una herramienta en la
web que permite obtener los colores que usa una pagina web dada.
Webcolourdata permite introducir solo la direccion url de la pagina deseada, y muestra los
colores que se han usado en la pagina web. Se hizo prueba con la pagina de las carreras de
informatica sistemas(www.cs.umss.edu.bo), y la herramienta muestra los colores que se han
usado, y la distribucion de colores.

EXTRAER COLORES DESDE IMAGEN: TinEye, permite ademas, extraer los colores de una
imagen. Obtiene una paleta de colores a partir de una imagen, los valores hexadecimales,
nombres y las proporciones que influye el color en la imagen.
Para usar la herramienta, solo se debe introducir la url de una imagen en la web o subir una
imagen desde el ordenador.

Hay otras herramientas para obtener los colores en un formato, para luego abrirlo y usarlo con
Photoshop o Illustrator.
ColorBlender, permite descargar las muestras de color en formato .act para Photoshop y .eps
para Illustrator, para luego usarlos.

En este caso, cuando se elige descargar para Photoshop(.act), se usa en Photoshop de la


siguiente manera:
Abierto el programa, y creado un nuevo proyecto, se puede aadir en la pestaa muestras como
se ve en la imagen:

Se puede aadir de forma sencilla, arrastrando el archivo sobre la ventana de muestras. Se aade
los colores descargados como se ve en la imagen de abajo:

Usando solo los colores que se han descargado de la web, se puede empezar con un esbozo de la
aplicacin. Y como se ve, los colores no son nada desagradables.

Conclusin
El uso de las herramientas mencionadas puede ayudar considerablemente en el diseo web.
Empezando con la eleccin de colores, obtencin de colores de una pgina web conocida,
obtencin de colores a partir de una imagen, y obteniendo imgenes con los colores
especificados.
Hay variedad de herramientas, que proporcionan colores bastante atractivos. El desarrollador
no usa solo una herramienta a la hora de satisfacer sus requerimientos, porque hay herramientas
que son especializados en un objetivo como extraer colores de una imagen, obtener colores
usados en una pgina, etc.

You might also like