Esquemas de color | Colecciones de paleta de colores modernos 2022
Publicado: 2022-05-04Es esa época del año nuevamente, donde consideramos cuáles han sido las tendencias de color durante los últimos dos años y cómo podrían cambiar en 2022. ¿Qué esquemas de color despegarán en 2022? ¿Qué colores morirán planos y sin vida, y serán relegados al estante de descuento?
- Esta lista de increíbles paletas de colores será una excelente herramienta para los diseñadores que buscan renovar su trabajo en 2022.
- Estos no son generados automáticamente, sino seleccionados para diseñadores por diseñadores.
- ¡Hemos integrado algunas de las mejores paletas de colores de toda la web y hemos agregado algunas propias!
Una de las mejores herramientas de paleta de colores de diseño que he visto en 2022: ¡Happy Hues!
Primero, aquí hay algunas predicciones sobre las tendencias de color que teníamos para 2021 basadas en diseñadores de moda y empresas de pintura:
¿Por qué proporcionamos esta lista? ¡Atendemos contratistas y empresas de servicios a domicilio con marketing + diseño web! ¡Consulte nuestras publicaciones de blog sobre Plomería, Electricidad, Techado, HVAC, Construcción, Remodelación y nuestros servicios de SEO para plomería, SEO para electricistas, SEO para techos, SEO para contratistas, SEO para remodelaciones y SEO para HVAC!
¡Esquemas de color para 2022!
Aquí están los esquemas de color del año pasado "Esquemas de color 2020" - ¡Compartido en diciembre de 2020!
Desde que comencé a escribir blogs en 2012, la demanda de más combinaciones de colores para sitios web ha sido increíblemente alta. Por eso, cuando vi el Instagram de AWSM Color, me fascinó. No pude encontrar estos esquemas de color seleccionados de ninguna manera fácil de guardar en Internet en ninguna parte. Entonces, ¿por qué no compartirlos con todas las personas que buscan esquemas de color para el sitio web 2019-2020 ?
Espero que los disfrute tanto como yo, y siga a AWSM Color en Instagram.
Las mejores herramientas de combinación de colores disponibles hoy para 2022:
El criterio:
- Debe ser fácil exportar esquemas de color.
- es de uso gratuito
- En realidad viene con esquemas de color impresionantes.
- Coolers.co: presenta algunos esquemas de colores decentes: ¡simplemente presione generar varias veces para que su motor funcione!
2. Paleta: "Agregar complementarios" y arrastre el selector en el gráfico de colores para encontrar colores fácilmente. Pruebe algunas de sus otras configuraciones para familiarizarse con esta herramienta súper útil y poderosa.
3. Colormind.io: se dice que Colormind utiliza el "aprendizaje profundo" para asimilar esquemas de color de películas y obras de arte populares, para ayudar a crear mejores esquemas de color. ¡Al menos, es un giro divertido en los esquemas de color para 2022! 
De la publicación original: Esquemas de color 2019:
12 herramientas modernas de paleta de colores para usar en 2019-2021
1. Coolors.io
Ideal para: Diseñadores gráficos/Diseñadores web
Coolors.co es la primera y más completa herramienta disponible para la paleta de colores y la generación de esquemas en esta lista. La plataforma es increíblemente robusta y cuenta con una aplicación web para la generación, así como una aplicación IOS, carga de imágenes a colores, ajustes avanzados y opciones de exportación/compartición. Incluso viene con un complemento para los programas de Adobe CC (Photoshop e Illustrator), aunque esa característica tiene un costo de $ 5 (que personalmente creo que es bastante asequible). Sin embargo, una de las cosas que más me gusta es que puedes registrarte para obtener una cuenta gratuita para administrar y organizar las paletas de colores que generas. Esta cuenta también se sincronizará con las aplicaciones iOS + Adobe. Esto es especialmente útil si es un diseñador gráfico o web que busca realizar un seguimiento de los colores que genera para una variedad de clientes. También es útil si necesita un acceso rápido mientras diseña. Otra ventaja es que Coolors viene con dos meses de clases gratuitas en Skillshare.com. ¡Yo diría que eso es todo un robo!
2. Canva.com
Ideal para: Diseñadores gráficos aficionados
Canva.com ofrece una herramienta que permite a los usuarios cargar una imagen a partir de la cual se generará una paleta de colores. Lo bueno es que esta herramienta se ofrece completamente GRATIS SIN REGISTRARSE. Esto es extremadamente útil cuando se diseñan materiales para una marca que tiene una fuerte presencia fotográfica y donde los colores no importan con la marca. O tal vez hay una fotografía específica que atrae al cliente y le gustaría generar una paleta para su marca a partir de eso.
Canva.com también ofrece una variedad de otras herramientas gratuitas, como su herramienta de combinación tipográfica, guía de tamaño de diseño, creador de logotipos y herramienta de edición de fotos. Sin embargo, si los usuarios quieren aprovechar la plataforma Canva completa que incluye funciones aún más sólidas con administración de cuentas, exportación y una aplicación web tipo Photoshop, deberán pagar una tarifa mensual. También hay descuentos para estudiantes y organizaciones sin fines de lucro.
3. Colormind.io
Ideal para: Diseñadores gráficos/Diseñadores web
Cuando encontré Colormind.io, pensé que era una aplicación simple de generación de esquemas de color, pero después de profundizar un poco más, me di cuenta de que es mucho más y mucho MÁS GENIAL que eso. Colormind at the core ES una aplicación web que le permite generar esquemas de color para su sitio. Pero lo que lo hace único es que en realidad visualiza cómo se verá esto en un sitio web para usted. También tiene soporte de diseño de materiales incorporado y soporte de carga de imágenes. ¿Cuan genial es eso? Simple pero realmente saca algo de provecho de lo que hace. Compruébelo usted mismo en Colormind.io.
4. Mi espacio de color
Ideal para: diseñadores web/diseñadores de interfaz de usuario
Esta es una herramienta que personalmente uso bastante. Lo que realmente me gusta de MyColor.Space es su simplicidad y su interfaz de usuario limpia. La herramienta de generación de paleta de colores le permite elegir un solo color del cual la aplicación web arrojará una variedad de degradados y códigos hexadecimales basados en ese color. Además, la aplicación web también tiene excelentes herramientas de generación de gradientes. Lo que realmente me gusta de la herramienta de generación de degradados es que escupe el CSS necesario para producir los degradados. ¡Así que simplemente puede copiarlos y pegarlos directamente en su código de front-end!
5. Semillas de diseño
Mejor para: Diseñadores visuales / Diseñadores gráficos / Diseñadores web
¿Qué sería de una publicación de blog de herramientas de paleta de colores sin incluir Design Seeds? No es una aplicación web de generación de paletas, sino un blog dedicado a publicar inspiración de paletas. Lo que harán es tomar una foto y luego publicar una paleta basada en esa foto con un nombre moderno como "Moody Opulence" y "Drift". Personalmente, no uso mucho este sitio, pero lo envío a los clientes cuando trato de descubrir su marca. Es beneficioso si no tiene un punto de partida o no sabe realmente lo que está buscando cuando se trata de inspiración para el diseño. También creo que esto es algo que se extendería al espacio del diseño de interiores.
6. Estudio Pantone
Mejor para: Diseñadores gráficos / Diseñadores de impresión
Esta lista no estaría completa sin mencionar a Pantone, especialmente porque son esencialmente los principales expertos en color. Resulta que tienen una aplicación genial para armar paletas. Con la aplicación, puede descubrir una variedad de armonías de color, valores y referencias cruzadas mientras los escupe en RGB, CMYK y HEX. El único inconveniente es que la aplicación es solo para iOS, por lo que los usuarios de Android salen perdiendo. Tampoco estoy seguro de que alguna vez use aplicaciones de teléfonos móviles como esta en mi proceso de diseño, pero puede funcionar mejor para otra persona. ¡Pruébalo para ver si funciona para ti!
7. Adobe Kuler (Rueda de colores)
Ideal para: Diseñadores gráficos/Diseñadores web/Diseñadores de interfaz de usuario
Conozco Adobe Kuler desde hace mucho tiempo porque solía existir como una aplicación para iOS. Todavía puede, lo admito, que no lo he corroborado todavía. Sin embargo, si va al sitio, ahora se vincula a una herramienta de generación de paleta de colores bastante simple. Aquí no hay lujos, pero puede generar paletas importando una imagen o usando una rueda de colores. A continuación, puede guardar esos temas. Si tiene una cuenta de Adobe CC, puede guardarla en su perfil y sincronizarla con sus aplicaciones de CC. ¡Bastante ingenioso si me preguntas! El único problema aquí es que si no estás súper inspirado (recomiendo revisar Design Seeds antes en la publicación), entonces puede ser difícil comenzar.
8. Paleta del sitio
Ideal para: Diseñadores web/Diseñadores de interfaz de usuario/Desarrolladores front-end
Dando un poco más de amor a Web/UI/Front-End en esta lista, les presento Site Palette. Site Palette es una extensión para Chrome, Safari y Firefox que te permite generar paletas de colores complejas. También tiene la capacidad de capturar/extraer esquemas de color de sitios web preexistentes. Entonces, si te gusta lo que hace el otro, entonces es tuyo. Es una herramienta ingeniosa con una gran interfaz de usuario donde puedes compartir en aplicaciones como Sketch y Adobe. Si desea profundizar aún más, incluso viene con una API para la extracción de color semántico. Eso está un poco por encima de mi nivel de pago para entenderlo, pero nada más en esta lista lo hace. Si bien hay una versión gratuita, también viene con una versión PRO donde el precio se basa en las solicitudes de API, si lo necesita.
9. Magia de arranque
Ideal para: Diseñadores web/Diseñadores de interfaz de usuario/Desarrolladores front-end
¡Un saludo a todos los diseñadores web, de interfaz de usuario y front-end que usan Bootstrap! ¡El marco receptivo más popular del planeta! Una de las cosas que personalmente no me gusta de Bootstrap es que la coloración estándar es bastante genérica. Personalizar eso es una PTA masiva si sabe lo que estoy diciendo y está familiarizado con intentar hacerlo. Ingrese a Bootstrap Magic, donde personalizar los esquemas de color para Bootstrap se convierte en una brisa total. Todavía es tedioso revisar y elegir colores para todo, pero al menos tiene una interfaz de usuario elegante para hacerlo en lugar de buscar líneas minificadas de variables y mixins SASS. Bootstrap incluso viene con un editor HTML para que pueda hacerlo directamente desde la interfaz de usuario si lo necesita (a menudo ajusto cosas como botones y alturas de línea). Esta es una aplicación web gratuita, ¡así que vuélvete loco!
10. Bootstrap.construir
Ideal para: Diseñadores web/Diseñadores de interfaz de usuario/Desarrolladores front-end
Bootstrap.build es bastante similar a Bootstrap Magic anterior, aunque parece ser un poco más robusto. Esta aplicación web está más dedicada a los desarrolladores con mucha personalización de variables SASS. También cuenta con opciones dedicadas de exportación/importación, así como un modo de vista previa. La interfaz de usuario también es un poco más agradable, en mi opinión. Este viene con opciones profesionales por $ 5 al mes, lo que le permite organizar sus temas de Bootstrap en varios proyectos. También puede alojar los temas a través de CDN. Esas son características bastante valiosas si está diseñando y desarrollando mucho para los clientes. ¡Compruébalo para ver si te funciona!</p
11. Herramienta de color de materiales
Mejor para: Diseñadores de UI / Diseñadores de aplicaciones
Si vamos a darle un poco de amor a Bootstrap, también debemos darle un poco de atención a Material, los estándares de diseño de Google. Google presentó Material como un medio para optimizar su diseño en todas sus plataformas. Incluso lanzaron estos estándares al público para que la integración de aplicaciones parezca más fluida y nativa. Como parte de esto, ofrecen una variedad de herramientas de aplicaciones web para diseñadores y desarrolladores para ayudar a construir interfaces basadas en estos estándares. Ahí es donde entra en juego la herramienta Material Color de Google. Es una bestia bastante compleja, pero si está diseñando una aplicación de Android que se adhiere a los estándares de diseño de materiales, esta herramienta es esencial para darle vida.
12. Paleta de colores de materiales
Ideal para: Diseñadores de interfaz de usuario/Diseñadores de aplicaciones/Diseñadores web
Otra herramienta basada en materiales es Material Design Palette. Esta es significativamente más simple que la herramienta Material de Google. La herramienta Paleta le permite seleccionar dos colores, que luego generarán automáticamente una paleta basada en los estándares de materiales de Google. Si bien el propósito de la herramienta está centrado en la aplicación, podría ser útil si solo estuviera buscando un medio para generar una paleta de colores. La aplicación escupe códigos hexadecimales y todo para que los colores realmente puedan usarse para cualquier aplicación. También hay una ingeniosa guía de referencia de íconos de materiales, así como una guía de referencia de colores de materiales donde puede copiar y pegar códigos hexadecimales. ¡Échale un vistazo!
El 62% de las empresas encuestadas dijeron que creen que un sitio web debe rediseñarse cada 2 o 3 años. Fuente: Agencia Hook
¡Espero que hayas disfrutado de estas increíbles paletas de colores/esquemas de colores modernos para sitios web y herramientas de esquemas de colores!
Muchas gracias por leer, y envíenos un enlace en su resumen, o compártalo en sus redes sociales si le resultó útil.
Si quieres seguir leyendo, echa un vistazo a esta publicación sobre Cody Warren: el hombre más sexy de Minnesota, o nuestra guía de SEO para plomeros.