• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

color

Color Thief, obtener paletas de color a partir de una imagen

Sebastián Thüer · 06.02.2012 ·

El script Color Thief en acciónLa elección y construcción de una paleta de color para el diseño web probablemente sea una de las tareas más delicadas e importantes para determinar el look & fell de una aplicación. Definir el color dominante, sus variaciones tonales y uso de complementarios es una tarea que suele llevar bastante tiempo y donde tenemos el auxilio de varias herramientas como Adobe Kuler y aplicaciones como Website Color Schemer que a pesar del tiempo sigue siendo un de mis favoritas.

Pero la popularización de los móviles con cámara y los smart phones ha hecho que muchos diseñadores comencemos a tomar fotos solamente cuando vemos un paisaje, detalle o ambiente que nos resulte «inspirador». De estas imágenes casuales suelen derivar composiciones y, como no, paletas de colores que luego utilizamos en nuestras creaciones.

Por eso me ha sorprendido gratamente saber que existe una bibioteca de JavaScript que permite analizar los colores predominantes de una imagen como Color Thief. Esta aplicación, analizar las imágenes y puede obtener con bastante buen criterio una paleta de colores. Pensemos que con esto podemos crear una galería de fotos para buscar por colores. Podemos hacerlo para nuestra propia bibioteca de imágenes o incluso con imágenes de stock que hayamos adquirido.

Otra posibilidad de este librería: hacer que la tonalidad de una interfaz se adapte a una determinada imagen de forma automática. En definitiva, un excelente ejemplo de intersección entre diseño y programación.

El arte de combinar colores [infografía]

Sebastián Thüer · 14.10.2011 ·

Una buena combinación de colores es clave en el diseño. Crear una paleta equilibrada, personal y armoniosa es un talento que no se obtiene fácilmente. Esta infografía presenta algunos de los principios más habituales que deben tenerse en cuenta para la combinación de colores.

Tan importante como lograr una buena combinación es mantener la coherencia entre la paleta de colores de la página y el de los elementos que la componen. Texo e imagen son elementos independientes pero conforman un todo a nivel de percepción. Un detalle que no siempre se puede manejar en el diseño web por la actualización que sufren las páginas.

Vía KissMetrics

Tipografía y color en el diseño web [infografía]

Sebastián Thüer · 11.12.2010 ·

Tipografía y color son dos elementos clave en el diseño pero también dos de los aspectos más simbólicos. Elegir un tipo de letra es comenzar a darle carácter a un diseño. Proponer una paleta de colores implica trabajar sobre la personalidad del diseño.

A través de Six Aparts llega esta interesante infografía que permiten visualizar datos curiosos sobre estos dos elementos básicos de cualquier diseño.

Clic para agrandar

Vía Six Aparts

Los colores de Internet [infografía]

Sebastián Thüer · 30.10.2010 ·

Colour Lovers es uno de mis sitios favoritos donde miles de usuarios comparten sus paletas de colores, las comentan y votan: Muy sencillo pero tremendamente inspirador. Esta vez, el trabajo que han hecho es analizar el uso del color en la web para armar una infografía que semanas atrás circuló por varios sitios de diseño y tecnología. Azules y rojos dominan claramente la escena con muy poco verde y violeta entre las grandes marcas de la web.

Los colores de la web
Los colores de la web

Vía Colour Lovers

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder