Esquemas de color / Colecciones de Paletas de colores Modernas 2020 y 2021
Tim Brown
Tim Brown es el propietario de Hook Agency, una empresa de SEO y Diseño web centrada principalmente en la conducción de tráfico y clientes potenciales para pequeñas empresas, techadores y empresas de construcción.
Es esa época del año de nuevo, en la que consideramos cuáles han sido las tendencias de color de los últimos dos años y cómo podrían cambiar a partir de 2021. ¿Qué Esquemas de colores despegarán en 2021? ¿Qué colores morirán planos y sin vida, y quedarán relegados al estante de descuento?
- Esta lista de impresionantes paletas de colores será una gran herramienta para los diseñadores que buscan refrescar su trabajo en 2021.
- Estos no se generan automáticamente, sino que son curados para diseñadores por diseñadores.
- Hemos integrado algunas de las mejores paletas de colores de la web y hemos añadido algunas de las nuestras.
En primer lugar, aquí hay algunas predicciones para las tendencias de color en 2021 basadas en diseñadores de moda y empresas de pintura:
¿Por qué proporcionamos esta lista? ¡Servimos a pequeñas empresas y contratistas! Echa un vistazo a nuestras publicaciones de blog sobre Cables para techos, Cables de HVAC, Cables de Construcción y nuestros servicios SEO para Techos, SEO de construcción y SEO de HVAC.
Tabla de Contenidos
Esquemas de Colores para el 2021!
Here are last years color schemes «2020 Color Schemes” – Shared December of 2020!
Desde que empecé a bloguear en 2012, la demanda de más los esquemas de color del sitio web han sido increíblemente altos. Por eso, cuando vi el Instagram de AWSM Color, me fascinó. No pude encontrar estos esquemas de colores curados de una manera fácil de guardar en Internet en ningún lugar. Entonces, ¿por qué no compartirlos para todas las personas que buscan esquemas de color de sitios web 2019-2020?
Espero que los disfrutes tanto como yo, y por favor sigue a AWSM Color en Instagram.
Las mejores herramientas de combinación de colores que existen hoy en día para 2021:
El criterio:
- Tiene que ser fácil de exportar esquemas de colores
- Es de uso gratuito
- En realidad se le ocurren esquemas de colores impresionantes.
- Refrigeradores.co – viene con algunos esquemas de color decentes – solo presione generar un par de veces para poner en marcha su motor!
2. Paletton – «Agregar complementario» y arrastre alrededor del selector en el gráfico de colores para encontrar colores fácilmente. Pruebe algunos de sus otros ajustes para familiarizarse con esta herramienta súper útil y poderosa.
3. Colormind.se dice que io – Colormind usa «aprendizaje profundo» para asimilar esquemas de color de películas y arte populares, para ayudar a crear mejores esquemas de color. Si nada más, ¡es un giro divertido en los esquemas de colores para 2021!
Gracias por leer-marque esta publicación. Pronto agregaremos más esquemas de colores para 2021, a medida que comencemos a analizar las tendencias de los diseñadores de alta moda para 2021. También escribiremos un artículo en profundidad sobre esas tendencias en las próximas semanas, así que estate atento.
12 Herramientas Modernas de Paleta de colores para Usar en 2019-2021
Coolors.io
Ideal Para: Diseñadores gráficos / Diseñadores web
Coolors.co es la primera y más completa herramienta disponible para la generación de paletas de colores y esquemas de esta lista. La plataforma es increíblemente robusta y cuenta con una aplicación web para generación, así como una aplicación IOS, carga de imágenes a colores, ajustes avanzados y opciones de exportación/uso compartido. Incluso viene con un complemento para programas Adobe CC (Photoshop & Illustrator), aunque esa función tiene un costo de 5 5 (que personalmente creo que es bastante asequible). Una de las cosas que más me gusta, sin embargo, 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 eres un diseñador gráfico o web que busca hacer un seguimiento de los colores que generas 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 Diría que es un robo.
Canva.com
Ideal para: Diseñadores Gráficos Aficionados
Canva.com ofrece una herramienta que permite a los usuarios cargar una imagen de la que se generará una paleta de colores. Lo que es genial es que esta herramienta se ofrece completamente GRATIS SIN REGISTRO. 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 haya una fotografía específica a la que el cliente se sienta atraído y le gustaría que se generara una paleta para su marca a partir de ella.
Canva.com también ofrece una variedad de otras herramientas gratuitas, como su herramienta de coincidencia 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 desean aprovechar la plataforma Canva completa que incluye funciones aún más robustas con administración de cuentas, exportación y una aplicación web al estilo Photoshop, deberán pagar una tarifa mensual. También hay descuentos para estudiantes y organizaciones sin fines de lucro.
Colormind.io
Ideal para: Diseñadores gráficos / Diseñadores web
Cuando encontré Colormind.io, pensé que era una aplicación de generación de combinaciones de colores simple, pero después de profundizar un poco, 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á en un sitio web para usted. También tiene soporte de diseño de materiales incorporado y soporte de carga de imágenes. ¿Qué tan genial es eso? Simple, pero realmente saca algo de provecho de lo que hace. Compruébelo usted mismo en Colormind.io.
Mycolor.espacio
Ideal Para: Diseñadores web / Diseñadores de interfaz de usuario
Esta es una herramienta que uso personalmente bastante. Lo que realmente me gusta de MyColor.El espacio 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 que la aplicación web escupirá una variedad de degradados y códigos hexadecimales basados en ese color. Además, la aplicación web también tiene algunas 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 interfaz!
Semillas de diseño
Lo mejor para: Diseñadores Visuales / Diseñadores Gráficos / Diseñadores web
¿Qué sería 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 «Opulencia de mal humor» y «Deriva».»Personalmente, no uso mucho este sitio, pero lo envío a los clientes cuando intentan descubrir su marca. Es beneficioso si no tienes un punto de partida o si realmente sabes lo que estás buscando cuando se trata de inspiración de diseño. También creo que esto es algo que se extendería al espacio del diseño de interiores.
Pantone Studio
Ideal 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 bastante genial para unir paletas. Con la aplicación, puede descubrir una variedad de armonías de color, valores y referencias cruzadas mientras las escupe en RGB, CMYK y hexadecimal. El único inconveniente es que la aplicación es solo para iOS, por lo que los usuarios de Android pierden. Tampoco estoy seguro de que realmente alguna vez use aplicaciones de teléfonos móviles como esta en mi proceso de diseño, pero puede funcionar mejor para otra persona. ¡Inténtalo para ver si funciona para ti!
Adobe Kuler (Rueda de colores)
Mejor 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. Aún puede, lo admito, que no haya corroborado esto todavía. Sin embargo, si vas al sitio, ahora se enlaza a una herramienta de generación de paleta de colores bastante simple. Sin adornos, pero puede generar paletas importando una imagen o utilizando 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 (te recomiendo que eches un vistazo a Design Seeds más temprano en el post), entonces puede ser difícil comenzar.
Paleta de sitios
Ideal Para: Diseñadores Web / Diseñadores de Interfaz de usuario / Desarrolladores de Front-End
Dando un poco más de amor a la Web/Interfaz de usuario / Front-End en esta lista, les presento la Paleta de sitios. Site Palette es una extensión para Chrome, Safari y Firefox que le permite generar paletas de colores complejas. También tiene la capacidad de capturar/extraer esquemas de color de sitios web preexistentes. Así que si te gusta lo que hace el otro tipo, entonces es tuyo para que lo tomes. 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 extracción de color semántico. Eso está un poco por encima de mi nivel salarial de entender, 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 los precios se basan en las solicitudes de API, si lo necesita.
Magia de arranque
Mejor para: Diseñadores Web / Diseñadores de interfaz de usuario / Desarrolladores de Front-End
¡Grita a todos los diseñadores de web, interfaz de usuario y Front-End que usan Bootstrap! ¡El framework responsivo más popular del planeta! Una de las cosas que personalmente no me gusta de Bootstrap es que el color estándar es bastante genérico. Personalizar eso es un P. T. A. masivo si sabes lo que estoy diciendo y estás familiarizado con tratar de hacerlo. Entra en Bootstrap Magic, donde personalizar los esquemas de colores para Bootstrap se convierte en una brisa total. Sigue siendo tedioso repasar y elegir colores para todo, pero al menos tienes una interfaz de usuario elegante para hacerlo en lugar de excavar a través de líneas minificadas de variables SASS y mixins. Bootstrap incluso viene con un editor HTML para que puedas hacerlo directamente desde la interfaz de usuario si es necesario (a menudo ajusto cosas como botones y alturas de línea). Esta es una aplicación web gratuita, ¡así que vuélvete loca!
Bootstrap.build
Ideal Para: Diseñadores Web / Diseñadores de Interfaz de usuario / Desarrolladores de Front-End
Bootstrap.build es bastante similar a Bootstrap Magic de arriba, aunque parece ser un poco más robusto. Esta aplicación web está dedicada más a los desarrolladores con una gran cantidad de personalización variable SASS. También con opciones dedicadas de exportación / importación, así como un modo de vista previa. La interfaz de usuario es un poco más agradable, en mi opinión también. Este viene con opciones pro por 5 5 al mes, lo que le permite organizar sus temas de arranque en varios proyectos. También puede alojar los temas a través de CDN. Esas son características bastante valiosas si estás diseñando y desarrollando mucho para clientes. ¡Échale un vistazo para ver si funciona para ti!</p
Herramienta de color de material
Ideal para: Diseñadores de interfaz de usuario / Diseñadores de aplicaciones
Si vamos a darle a Bootstrap algo de amor, necesitamos darle Material, estándares de diseño de Google, algo de atención también. Google lanzó 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 de Color de Material de Google. Es una bestia bastante compleja, pero si estás diseñando una aplicación para Android que se adhiere a los estándares de diseño de materiales, esta herramienta es esencial para darle vida.
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 la Paleta de diseño de materiales. Esta es significativamente más simple que la herramienta de material de Google. La herramienta Paleta le permite seleccionar dos colores, que generarán automáticamente un paladar basado en los estándares de materiales de Google. Si bien el propósito de la herramienta se centra en la aplicación, podría ser útil si solo estuviera buscando un medio para generar paladar de colores. La aplicación escupe códigos hexadecimales y todo para que los colores realmente se puedan usar para cualquier aplicación. También hay una guía de referencia de iconos de materiales ingeniosa, así como una guía de referencia de colores de materiales donde puede copiar y pegar códigos hexadecimales. ¡Mira esto!
El 62% de las empresas encuestadas dijeron que creen que un sitio web debe rediseñarse cada 2-3 años. Fuente: Hook Agency
¡Espero que haya 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 por favor vincular de nuevo a nosotros en su roundup, o compartir en tus redes sociales si era útil para usted 🙂
Si quieres seguir leyendo, echa un vistazo a este post sobre Cody Warren: the sexiest man in Minnesota, or our plumber SEO guide.
