Herramientas de color esenciales para diseñadores de UX
Herramientas de color esenciales para diseñadores de UX

El color es una de las herramientas más poderosas en el juego de herramientas para un diseñador. Al mismo tiempo, el color es un concepto difícil de dominar: con una cantidad infinita de combinaciones de colores posibles.

Es complicado decidir qué colores usar en un sitio web o una aplicación. Para facilitar las cosas, existen infinidad de herramientas para elegir paletas de colores. Seguro que te ahorrarán mucho tiempo.

En este artículo encontrarás herramientas que te ayudarán a:

  1. Encontrar la inspiración.
  2. Crea tu propia combinación de colores.
  3. Hacer accesible una combinación de colores.

1. Encuentra la inspiración

Ve a la Naturaleza

Existe mucha inspiración a tu alrededor, si quieres inspirarte solo necesitas mirar a tu alrededor.

Diseño de impresión, diseño de interiores, moda.. Existen infinidad de lugares en los que poder inspirarse.

Aunque, sin lugar a dudas, las mejores combinaciones de colores los vas a encontrar en los lugares más exclusivos de la naturaleza.

Simplemente toma una foto de momentos hermosos en la naturaleza y crea tu combinación de colores a partir de esa imagen.

Behance

Behance muestra y descubre los últimos trabajos de los mejores portfolios de profesionales creativos de infinidad de industrias y también puede convertirse en una gran fuente de inspiración.

Si quieres encontrar trabajos creativos frescos e interesantes, simplemente debes filtrar por el color que quieras.

Dribbble – Búsqueda por Colores

Dribbble es uno de los mejores lugares para inspirarse respecto a las interfaces de usuario, tienes una herramienta excelente en el filtro de colores.

Cuando quieras hacer una investigación visual sobre cómo otros diseñadores usan cierto color en particular, aprovéchala.

Design Inspiration

Design Ispiration es una gran herramienta para cuando tienes una idea para tu paleta de colores pero quieres ver ejemplos de esa mezcla.

Puede elegir hasta 5 colores y buscar imágenes que coincidan con tu consulta.

Tineye Multicolr

Tineye te ayuda a buscar una mezcla de colores en fotografías e incluso a especificar la cantidad de cada proporción de color que deseas que exista en las imágenes buscadas.

El sitio web de Tineye, usa una base de datos de 20 millones de imágenes Creative Commons de Flickr, lo que lo convierte en una de las mayores bases de imágenes capaz de comparar combinaciones de colores.

Colorzilla

ColorZilla es una extensión disponible para Google Chrome y Mozilla Firefox que incluye una serie de herramientas relacionadas con los colores.

Entre las que se incluyen un selector de color, un cuentagotas, un generador de gradiente CSS y un navegador de paletas.

2. Crea tus propios esquemas de color

Material Design

Material Design Dynamic Color permite crear, compartir y aplicar paletas de colores a una interfaz de usuario, así como medir el nivel de accesibilidad de cualquier combinación de colores.

Coolors.co

Coolors es una poderosa herramienta para crear esquemas multicolores. Simplemente puedes bloquear el color que deseas y presionar la barra espaciadora para generar una nueva paleta.

Lo bueno de esta herramienta es que no está limitado a un solo resultado: Es posible recibir infinidad de esquemas de color simplemente modificando el punto de referencia.

Con esta herramienta también es posible cargar una imagen y hacer una paleta de colores a partir de ella.

Adobe Color CC

La herramienta Adobe Color CC ha estado funcionando desde hace mucho tiempo.

Disponible como versión web y de escritorio, usando una versión web de la herramienta, es posible crear esquemas de colores desde una rueda de color.

Si estás utilizando la versión de escritorio, puede exportar un esquema de color directamente a Photoshop, Illustrator o InDesign.

Paletton

Paletton es similar a Adobe Color CC. La diferencia es que no está limitado solo a 5 tonos y puedes jugar con los tonos adicionales que quieras.

3. Accesibilidad del color

Los problemas de visión son más generalizados de lo que la mayoría de nosotros creemos. Más de 285 millones de personas en todo el mundo tienen discapacidad visual.

Muchos más usuarios tienen dificultades visuales bajas o moderadas.

Es esencial asegurarse de que un esquema de color seleccionado sea accesible para los usuarios con discapacidad visual.

WebAIM – Comprobador de contraste de color

Algunos colores van bien entre sí, mientras que otros son contradictorios. Es sorprendente cuántos sitios y aplicaciones no pasan la prueba AA, ¡No seas uno de ellos!

Es esencial verificar los colores de la interfaz de usuario para la accesibilidad del contraste de color cuando se usa junto a texto.

Utiliza WebAIM Color Contrast Checker para probar las combinaciones de colores más adecuadas.

Coolors

Coolors permite probar tu combinación de colores en caso de daltonismo, todo lo que necesitas es hacer la selección de colores de las interfaces.

Más Herramientas (54)

Colección de herramientas](https://uxpro.cc/toolbox/visual-design/colors/) que puede usar para crear varias combinaciones de colores.


Conclusión

Las herramientas mencionadas anteriormente facilitarán la tarea de encontrar las combinaciones de colores más adecuadas.

Ten en cuenta que la mejor manera de aprender a crear combinaciones de colores impresionantes es practicar mucho.

Compartir es Vivir!

Comparte tu opinión