Herramienta para extraer la paleta de colores de una imagen con un click

A veces tenemos la necesidad de extraer la paleta de colores de una imagen, y si no disponemos de una herramienta específica, puede que la tarea se vuelva un poco complicada.

Por eso hoy les quiero recomendar una herramienta online que nos permite extraer la paleta de colores de una foto con un click y sin instalar nada.

La herramienta se llama HD Rainbow y pueden acceder desde aquí. Allí solo tienen que arrastrar la imagen a la ventana del navegador y automáticamente nos mostrará la paleta de colores debajo.

HD_Rainbow

Lo bueno es que la imagen no se sube al servidor, se procesa directamente en el navegador y nos da los resultados. Esto es importante para nuestra privacidad, vaya a saber uno qué tipo de fotos sube ahí (?).

Abajo de la imagen podremos ver la paleta de colores y tenemos la opción de elegir si verla en HEX, RGB o HSL, dependiendo de nuestras necesidades.

Además, si lo deseamos, también podemos descargar la paleta en formato PNG para tenerla como referencia.

Paleta de colores de sitios web con estilo flat

Screenshot_108Screenshot_107

Como bien ya sabemos el estilo flat o minimalista llegó para quedarse, en la actualidad los nuevos diseños de casi todos los sitios web presentan este estilo combinado con otras tendencias del momento, como es el diseño de una página con efectos Parallax.

Todos creen que crear diseños flat es muy fácil, debido a que aparecen que tan solo con varios  colores planos y algunas figuras ya todo es flat, pero no es así, al igual que el resto de los estilos de diseño web el estilo flat presenta una dificultad desafiante para lograrlo, se debe saber combinar los colores, entendiéndose que conoces de antemano la teoría del color, además combinarlo con unas buenas fuentes y por supuesto una creatividad desafiante.

Para facilitar un poco el proceso siempre es bueno tener a mano un compilado de paletas de colores de sitios web que poseen el estilo flat, de esta manera es más identificar las familias de colores que son más utilizado en este estilo de diseño, por ello en Betterment recopilaron 24 paletas de colores de sitios web con estilo flat o minimalista.

24 Flat Designs with Compelling Color Palettes

Paletas de colores para Google Maps

snazzymaps

Seguramente has tenido que usar el servicio de Mapas de Google en algunos de tus proyectos y seguramente te has encontrado con la situación que el estilo de los mapas no combina bien con el diseño de tu sitio web, situación que te incomoda un poco pero al fin y al cabo lo tienes que dejar así porque no tienes otras posibilidades o los otros servicios no funcionan tan bien como el de Google.

Snazzy Maps ahora existe para solucionar esta situación, el sitio web recopila y crea paleta de colores para los mapas de Google Maps, el cual, desde la versión número 3 permite incluir estilos de colores en los sitios web donde se incrustan, de esta manera los diseñadores pueden modificarlos y personalizarlos para que se adapten mejor al estilo de sus diseños principales.

Cada paleta de colores tiene las instrucciones precisas para utilizarlas de forma correcta pero si tal vez no es comprendido fácilmente puedes descargar el ejemplo completo y ver como funcionan. Por último, también puedes publicar tus propios estilos y de esta forma aumentar el número de estilos personalizados disponibles.

Snazzy Maps

Paleta de colores Flat para proyectos web

4-28-2013 6-49-02 PM

Flat UI Colors es una sencilla pero muy bonita colorida página donde están los 20 colores que utiliza el set para interfaces de usuario Flat UI, un set completo con todo tipo de elementos para interfaces de aplicaciones web como botones, menús, navegación, header, iconos, galerías de imágenes y vídeos, entre otros.

La página posee un diseño Responsive por lo que es posible ponerla en un tamaño pequeño como si fuera un Widget o una paleta de colores pequeña y consultarla cada vez que necesites un color, además de esto permite copiar los colores en dos formatos diferentes: Hexadecima y RGB.

Flat UI Colors

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con tus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, aceptas el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad