las mejores paletas de colores del sitio web para aumentar el Engagement en 2020

¿El esquema de colores que ha elegido para su sitio web activa una respuesta deseada? ¿Se encuentra abrumado por el número de paletas de colores potenciales del sitio web?

Todo el mundo tiene colores favoritos que tienden a gravitar hacia cuando se trata de su trabajo o de otra manera.,

pero un diseñador experto entiende la importancia de evaluar un esquema de color basado en la marca, los significados de los colores y los productos o servicios que se promueven.

Las buenas elecciones de color requieren una planificación cuidadosa.

pueden influir en la forma en que un visitante interpreta lo que ve tanto como el diseño y la tipografía de un sitio, y, cuando se hacen bien, pueden tener un impacto positivo en la evaluación de cada visitante de la marca en su conjunto.,

en este artículo, echaremos un vistazo a por qué es importante seleccionar los colores adecuados para su sitio, así como 23 paletas de colores diferentes de sitios reales que son eficaces para captar la atención de los visitantes.

¿por qué es tan importante tu combinación de colores?

antes de entrar en el proceso de seleccionar un esquema de color para su sitio, es importante entender exactamente por qué el esquema de color de su sitio web importa tanto.

después de todo, podrías estar pensando que es el contenido lo que realmente importa. Y eso no es falso.

a la gente le encanta el contenido., Les atraen las voces frescas y la información atractiva, pero primero tienes que captar su atención. Ahí es donde las paletas de colores del sitio web entran en juego.

Si elige el esquema de color del sitio web correcto, tendrá la oportunidad de sorprender a sus visitantes con su contenido.

Aquí está cómo:

crear reconocimiento de marca

su sitio es esencialmente el hogar en línea de su empresa.

eso significa que debe ser una representación precisa de su marca. Y más allá de eso, debe ser lo suficientemente memorable como para que los usuarios regresen después de su primera visita.,

después de todo, muchos de sus visitantes no estarán listos para hacer una compra u otra conversión importante durante su primera visita, y necesitan recordar su empresa para volver y tomar esas acciones.

afortunadamente, el color aumenta el reconocimiento de marca en un 80%.

por lo tanto, si su empresa ya tiene un esquema de color establecido, es esencial incluirlo en el diseño de su sitio. Esto hará que sea mucho más fácil para los visitantes conectarlo inmediatamente con otros lugares que han visto su marca.,

Además, si su esquema de color es consistente en todo su sitio, sabrán que han llegado al lugar correcto cuando regresen, independientemente de la página exacta en la que aterricen.

más allá de decirle a los usuarios quién es su empresa, su diseño web también juega un papel importante en los juicios rápidos de los usuarios sobre su marca.

según una encuesta, el 94 por ciento de los encuestados mencionó el diseño web entre los principales impulsores de las primeras impresiones del sitio web.

Por supuesto, el diseño web implica mucho más que solo color.,

pero dado que el color es uno de los elementos más obvios en su sitio, y uno de los únicos que un usuario puede discernir dentro de esos primeros 50 milisegundos, su paleta puede hacer o deshacer la evaluación de un usuario de su empresa.en otro estudio sobre cómo se forman las primeras impresiones de los consumidores, el 90 por ciento de las evaluaciones iniciales se basan solo en el color.

hasta cierto punto, la razón de esto es clara.

después de todo, el color es uno de los aspectos más fáciles de «entender» de una página.,»Se puede evaluar casi instantáneamente y no requiere que los visitantes evalúen copias u otros mensajes.

pero también es importante considerar el papel que juega la psicología del color en estos juicios rápidos.

Muchas empresas aprovechan estas conexiones, como se ilustra en los logotipos de la siguiente tabla.

por ejemplo, las marcas que quieren crear un sentido de creatividad e imaginación tienden a incorporar el morado en sus imágenes, mientras que las marcas que quieren establecer un sentido de equilibrio y calma se inclinan hacia el blanco y negro.,

esto se relaciona directamente con la «personalidad» que quieres que tenga tu marca.

en un estudio sobre la personalidad de la marca, la psicóloga y profesora de Stanford Jennifer Aaker concluyó que cinco dimensiones fundamentales juegan un papel en la personalidad de una marca:

Las Marcas a veces pueden mezclar rasgos, pero en su mayor parte, su «personalidad» se centra principalmente en uno. Una empresa que vende equipo de camping, por ejemplo, se identificaría con la «robustez», mientras que una marca de moda podría aspirar a la «sofisticación».,»

y como puedes ver en el gráfico del logotipo de arriba, el color puede jugar un papel importante en mostrar a los consumidores cómo es la personalidad de tu marca.

aunque la mayoría puede no darse cuenta conscientemente de que el logotipo rojo de una empresa está diseñado para crear una sensación de emoción, todavía puede hacer exactamente eso.

y si bien cada color puede servir para crear una sensación o reacción específica, ciertos colores son mejores opciones que otros para la mayoría de las marcas y sitios web.

por ejemplo, el azul a menudo se considera la opción más segura., Esto es, en parte, porque es el color «favorito» más común entre la mayoría de la población.

de hecho, el 57% de los hombres y el 35% de las mujeres dicen que es su color favorito.

por lo tanto, si desea atraer a una amplia audiencia, esta podría ser una gran opción para su sitio. De hecho, esta podría ser la razón por la que algunos de los sitios más visitados hoy en día, como Facebook y Twitter, lo utilizan para sus logotipos y marcas.

también vale la pena señalar que el azul también se asocia comúnmente con sentimientos de confianza, autoridad y confiabilidad.,

pero eso no significa que sea la mejor opción para cada sitio. Todo depende de la sensación que quieras transmitir a tus visitantes.

por ejemplo, si su marca se centra en la salud y el bienestar, verde podría ser una mejor opción para crear esa asociación. Y si quieres entusiasmar a tus visitantes e impulsarlos a actuar rápidamente, red podría ser más eficaz para ayudarte a lograr ese objetivo.

así que, al seleccionar colores para tu sitio, considera las reacciones emocionales que podrían generar en tus visitantes.,

por ejemplo, si está tratando de crear una sensación de tranquilidad para el sitio web de su estudio de yoga, red podría no ser la mejor opción, y es mejor saberlo antes de invertir dinero serio en su diseño.

desarrolla un sentido de orden

aparte de las respuestas emocionales que los colores individuales que elijas podrían evocar, también es necesario considerar la forma en que los colores de tu sitio interactúan entre sí.

la mejor manera de hacerlo es observando algunos principios básicos de la teoría del color.,

Si alguna vez has tomado una clase de arte o mirado cualquier recurso relacionado con el diseño, probablemente hayas visto algo similar a la rueda de color en el gráfico de arriba.

el concepto más común ilustrado dentro de esta rueda es la relación entre los colores primarios (rojo, amarillo y azul), y los colores secundarios y terciarios que se forman al mezclarlos.

pero más allá de eso, esta rueda puede ayudarlo a crear armonía de colores o una disposición de colores visualmente agradable., Una paleta de diseño web armoniosa puede ayudarlo a establecer un sentido de equilibrio y orden.

Hay tres tipos de esquemas de color ampliamente aceptados que puedes usar para establecer este tipo de armonía: análogo, monocromático y complementario.

un esquema de color análogo se compone de colores que caen uno al lado del otro en la rueda de color. Esta es una de las paletas más difíciles de hacer bien, ya que los colores pueden dominarse fácilmente entre sí.

dicho esto, los esquemas de color análogos también son algunos de los más vibrantes.,

por lo tanto, si desea crear un sitio colorido y visualmente interesante, podría hacerlo bien con una paleta similar a los siguientes tres ejemplos:

un esquema de color monocromático cae en el extremo opuesto del espectro del tipo anterior. Como su nombre indica, se compone de un color principal, pero la intensidad y la ligereza de los tonos varían.

estas paletas son algunas de las más fáciles de crear y las «más seguras» de implementar porque los diferentes tonos del mismo color rara vez chocan o se sienten demasiado ocupados.,

así que si estás buscando un aspecto relativamente simple en tu sitio, un esquema de color monocromático como estos tres podría funcionar bien para tu marca:

finalmente, una paleta complementaria se encuentra en algún lugar entre esquemas análogos y monocromáticos en términos de variedad.

se compone de colores que se encuentran directamente opuestos entre sí en la rueda de colores. Por lo tanto, si bien implica más colores, esos colores naturalmente se complementan entre sí y no abrumarán a los visitantes.,

si desea incluir alguna variedad en su esquema de color sin hacer que su sitio parezca demasiado ocupado, un esquema de color complementario como uno de estos podría ser la elección perfecta:

Por supuesto, estos tres no son los únicos tipos de esquemas de color que puede crear. De hecho, los mejores tipos de paleta varían según a quién le preguntes.

una combinación de colores triádica es una de las principales opciones.

Este esquema de color implica el uso de tres colores que están situados a 120 grados uno del otro en la rueda de color., En el gráfico de arriba, esos colores son naranja, verde y púrpura.

Al seleccionar los colores, recuerde que los tipos enumerados anteriormente no son reglas definitivas. Pueden darte una idea general de la sensación general que quieres que tenga tu sitio, pero de ninguna manera son la única manera de crear una paleta que funcione para tu marca.

independientemente del tipo de paleta que elija, puede usarla para crear una jerarquía del contenido más importante en cada una de sus páginas.,

haga que ciertos elementos se destaquen

como mencioné en la sección anterior, una paleta de color definida en el sitio web puede ser útil para significar que ciertos elementos son importantes.

puede maximizar este impacto manteniendo el efecto de aislamiento en mente mientras determina cómo usar su esquema de color en sus páginas.

la idea general detrás de este principio psicológico es que cuanto más se destaca un elemento, más probable es que sea notado y recordado.,

asegúrese de que los colores que elija le den la capacidad de hacer que ciertas llamadas a la acción destaquen en sus páginas sin chocar con el resto de su diseño.

Este enfoque también está en línea con las preferencias de la mayoría de los consumidores.

en dos estudios, respuesta estética a las combinaciones de colores y preferencias de los consumidores por combinaciones de colores, los investigadores encontraron que mientras que los consumidores prefieren combinaciones de colores con tonos similares, también prefieren paletas con un color de acento altamente contrastante.,

el primer estudio mostró que » la preferencia de par y la armonía aumentan a medida que aumenta la similitud del tono.»Pero», aunque los pares con tonos altamente contrastantes generalmente se consideran ni preferibles ni armoniosos, las clasificaciones de preferencia de color figurativo aumentan a medida que aumenta el contraste de tono con el fondo.»

en el segundo estudio, los investigadores encontraron que, » a las personas generalmente les gusta combinar colores que son relativamente cercanos o coinciden exactamente, con la excepción de que algunas personas resaltan un componente de producto característico mediante el uso de color contrastivo.,»

así que aunque tu color de acento debe tener un fuerte contraste, está bien, e incluso es preferible, si el resto de tu paleta está compuesta de tonos relativamente similares.

esto significa que crear paletas de diseño web que incluyan un color de acento fuerte y llamativo no solo es efectivo para aislar ciertos elementos, sino que también es una excelente manera de crear una combinación que a muchos de sus visitantes les gustará.

simplifique las decisiones relacionadas con el diseño

Cuando se trata de administrar un sitio web o un negocio (o ambos!), siempre es una buena idea buscar formas de simplificar los procesos básicos.,

después de todo, cuanto menos tiempo dediques a tareas básicas, más tiempo tendrás que dedicar a procesos y decisiones que tengan un mayor impacto en tu éxito.

y establecer paletas de diseño web es una gran manera de reducir el tiempo que lleva crear nuevas páginas. Cuando tiene un esquema de color establecido, hace que las elecciones de diseño básicas sean mucho más fáciles, tanto para usted como para sus diseñadores y desarrolladores.,

esto es especialmente cierto si se toma el tiempo para documentar su paleta de una manera fácil de usar como lo hizo este negocio:

Cuando crea un documento fácil de usar de su paleta, fabrica un recurso de un vistazo con todas las opciones posibles para cada elemento.

de esta manera, si usted (o sus diseñadores) tienen problemas para determinar qué color usar para un botón de llamada a la acción, simplemente puede hacer referencia al documento para obtener una lista completa de sus opciones.,

así que en lugar de atormentar su cerebro para todas las diversas posibilidades, Usted puede elegir de una lista preestablecida de colores. Y una vez que seleccione algunos para usar o probar, todos los códigos hexadecimales y RGB ya están justo frente a usted.

¿Cuántos colores debe incorporar?

todo depende de la complejidad de su diseño y los tipos de combinaciones de colores. Por ejemplo, si está utilizando una paleta de diseño web monocromática, es posible que necesite siete o incluso más tonos de ese color para capturar suficiente variedad en la pantalla.,

deberás especificar colores para partes específicas de su sitio, tales como texto, fondos, enlaces, enlace hover colores, botones CTA, y encabezados.

Cómo elegir un esquema de color de sitio web

si no estás seguro de cómo seleccionar las mejores paletas de colores de diseño web, echa un vistazo a este video que he creado. Te guía a través de consejos prácticos para elegir un esquema de color de sitio web.

idealmente, las paletas de colores del sitio web reflejan los valores, las creencias y el propósito de una empresa., Los colores fuertes pueden indicar una atmósfera menos formal y más emoción, mientras que los colores tenues prestan una nota más sofisticada o formal al negocio.

pero eso no siempre es fácil de traducir cuando estás mirando miles de combinaciones de colores potenciales. Veamos 23 excelentes paletas de colores de sitios web que pueden ayudarte a aumentar el engagement.

16 excelentes paletas de colores de sitios web para aumentar el Engagement (2020)

los siguientes sitios utilizan varias paletas de colores de sitios web con gran efecto. Son cuidadosamente elegidos por las emociones que evocan y los sentimientos que transmiten.,

Mea Cuppa

el sitio web de Mea Cuppa utiliza una paleta de colores agradable a la vista que incorpora un par de tonos joya (rubí y esmeralda) para una máxima vivacidad, pero por lo demás se basa en una paleta neutra y monocromática de marrones y grises.

la paleta de diseño web evoca una sensación de cafetería y se refleja en la imagen del héroe del sitio, lo que crea cohesión.

The Big Top

BigTop es una comunidad que se especializa en ayudar a startups en red., El sitio utiliza una combinación inusual pero extremadamente llamativa de tonos joya que van desde el púrpura y el azul hasta el naranja brillante y el amarillo.

Los colores primarios son todos los colores fríos, lo que hace que los colores más cálidos pop. Notarás en la captura de pantalla de la página de inicio que el CTA naranja y amarillo llama tu atención antes que cualquier otra cosa.

Tori Ojo

Nuestro tercer ejemplo viene de Twitter, herramienta de visualización de Tori Ojo. Este es un gran ejemplo de un esquema de color en su mayoría monocromático., Aquí, vemos los efectos de una paleta de colores simple pero poderosa centrada en tonos de verde.

Este esquema de color a menudo es fácil de lograr, ya que un tono de un color casi siempre funcionará con otro tono del mismo color.

BarkBox

El color rosa dominante en la página de inicio de BarkBox se repite en todo el sitio en diferentes tonos. Contrasta maravillosamente con el color azul que se utiliza en los logotipos y CTAs en todo el sitio.,

usar colores complementarios para llamar la atención de los visitantes donde lo desee puede ayudar a mejorar cualquier paleta de colores del sitio web.

Kit de supervivencia de queso

El rojo es un color extremadamente popular para una paleta de colores de sitios web. Puede transmitir una rica mezcla de emociones, lo que lo hace muy versátil. Es particularmente potente cuando se usa en pequeñas dosis, como puedes ver en el sitio web del kit de supervivencia de queso.,

El rojo está templado con colores más neutros, y el azul ayuda a empacar un golpe para CTAs y otras áreas donde el negocio quiere llamar la atención del visitante.

Nordic Ruby

Nordic Ruby, una conferencia en Estocolmo, tiene un hermoso sitio web diseñado en ricos tonos joya. Los colores elegidos para esta paleta de colores del sitio web le dan sofisticación y lo distinguen de los diseños menos impactantes.,

Lake Nona

Lake Nona es un sitio web para un lugar específico, específicamente, uno cerca del agua. En consecuencia, no es sorprendente ver un color azul representado aquí. Los otros colores neutros permiten que el azul se destaque muy bien.

LemonStand

de nuevo, no es de extrañar que una empresa llamada Lemon Stand tenga amarillo en su paleta de colores del sitio web. Los azules y grises se combinan muy bien con el amarillo y ayudan a moderar su brillo.,

Mint

Mint es un sitio web dedicado a las finanzas, por lo que el uso de verdes y azules son buenas opciones. Ayudan a transmitir calma, tranquilidad y confianza. Los tonos neutros de la familia brown lo convierten en una paleta de colores terrosos que calma los sentidos.

Odopod

Odopod va con la monotonía de la paleta de color, pero ayuda a evitar mirar aburrido con un degradado en su página web., La tipografía grande ofrece un excelente contraste, y es obvio dónde quieren que haga clic.

Fiverr

puede notar que muchas empresas reservan un color específico — en el caso de Fiverr, Verde — exclusivamente para CTA. No aparece en ningún otro lugar del sitio. De hecho, ni siquiera fue recogido por ColorFav porque está dominado por los colores más neutros.,

Escuela de fotografía Digital

usted esperaría que un negocio centrado en las artes gráficas tenga una paleta de colores de sitio web dominante, y la Escuela de fotografía Digital no decepciona. Los colores vibrantes ayudan a atraer al espectador. Y, al igual que Fiverr, la naranja utilizada en el CTA ni siquiera aparece en la paleta del sitio porque se usa con moderación para generar impacto.,

Ahrefs

Ahrefs es un ejemplo de un sitio web que utiliza la paleta de colores a diestro y siniestro. Un azul más oscuro sirve como el color dominante, pero las variaciones de la misma existen en todo el sitio. Lo mismo ocurre con los colores naranja, rosa y verde azulado.

Millo.co

Millo.co utiliza una paleta de colores de sitio web muy simple, y es mejor por ello. Sabemos exactamente dónde buscar cuando visitamos un sitio como este.,

Brian Gardner

algunas empresas e individuos llevan la paleta de colores monocromáticos al extremo. Brian Gardner, diseñador web, utiliza un esquema de color blanco y negro que funciona perfectamente. Se basa en su marca de minimalismo, por lo que refleja sus valores y creencias.

Telar

colores Suaves puede funcionar bien cuando se quiere poner al visitante en la facilidad. Loom emplea dosis liberales de salmón y azul bebé., Funciona bien, especialmente con el color azul más oscuro disponible para CTAs y otros elementos importantes en la página.

una lista práctica de recursos para elegir la paleta de colores perfecta del sitio web

Aquí hay 18 recursos de paleta de colores para configurarlo con la paleta perfecta para su sitio web.

primero, ¿necesitas inspiración?

1: BrandColors

BrandColors le muestra cómo las marcas líderes utilizan el color para diferenciar sus negocios, contar sus historias de marca y dejar que sus clientes sepan lo que representan., Puede desplazarse alfabéticamente a través de una lista de corporaciones, organizaciones sin fines de lucro y startups, o buscar por nombre de marca.

¿busca una paleta lista para usar?

2: ColourLovers

ColourLovers es un sitio de Foro para el diseño de paletas, con casi 2 millones de paletas enviadas por sus usuarios. Puedes buscar ‘paletas que incluyan este color’, navegar o seguir a los diseñadores. A menudo, encontrará Variantes de la misma paleta, lo que le brinda opciones de tono y saturación listas para usar.

(con caprichosa nombres.,)

3: ColoRotate

ColoRotate viene con una biblioteca de colores que usted puede navegar, seleccionar y modificar. Si desea construir su propio desde cero, puede, con una herramienta de color 3D. Y puede usar el esquema que creó directamente en PhotoShop o Fireworks, con el complemento ColorRotate y la aplicación para iPad.

haga coincidir su marca

pero ¿qué pasa si ya tiene imágenes, logotipos o marcas que los colores de su sitio web tienen que coincidir?,

4: Color Hunter

Color Hunter no es una herramienta con una amplia gama de funcionalidades, como algunas de las potencias del todo en uno en esta lista. En cambio, es una solución sólida para una cosa: rastrear un color en particular. Vaya al sitio, luego coloque una imagen y la herramienta creará una paleta para usted a partir de la imagen. Esta es una forma sólida de crear paletas de colores alrededor de las imágenes con las que necesita que su sitio armonice, y también puede usarla para realizar ingeniería inversa de las paletas de sitios que le gustan.,

5: Pictaculous

Pictaculous genera paletas de colores a partir de fotos: cargue una foto y Pictaculous sugerirá colores para que coincidan. Así como una paleta basada en la foto que subas, Pictaculous va a ofrecer esquemas de color que coincida.

estas herramientas generarán paletas de colores completas.

6: Adobe Color CC Color Wheel

Esta herramienta solía ser conocida como Adobe Kuler, y comenzó como un sitio básico de comparación de colores. Ahora, es un sistema de construcción de paleta de colores de gran potencia., Le permite probar, comparar y guardar combinaciones de colores basadas en una esfera de color. Puede elegir tipos de paleta y generar paletas de cinco colores con varios niveles de entrada desde la herramienta, incluyendo totalmente personalizado y casi automático.

7: Paletton

Paletton le permite crear una paleta de color rápido. Seleccione el esquema que desee: mono, complementario, triádico, tetrádico, análogo o acentuado análogo. Luego, cuando cambia un color en el esquema, los demás cambian para que coincida.,

8: Color Spire

color Spire crea una paleta de colores a partir de un solo color. Usted selecciona un color inicial, y color Spire sugiere una paleta de colores para usar en combinación con él. También proporciona una vista previa, lo que le permite ver cómo se verían los colores que recomienda en un sitio web de muestra.

9: esfera de color MudCube

(fuente: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

La esfera de color de MudCube es un complemento de Chrome que te ayuda a armonizar colores, controlar la daltonismo e identificar códigos hexadecimales., También puede exportar esquemas de color directamente a Illustrator, PhotoShop y CoIRD.com.

10: Cohesive Colors

Cohesive Colors toma su paleta actual y le permite manipularla, agregando un tinte de superposición en el color de su elección y generando una nueva paleta a partir de una existente de forma rápida y fácil.

11: Hex Color Scheme Generator

esta herramienta le permite generar colores que funcionan en combinación con un color que ya tiene. Es un poco más básico que algunas de las herramientas de esfera de color en esta lista., Pegas un número hexadecimal en la herramienta o haces clic en la rueda de colores, y regresa con un conjunto de 3 colores adicionales que coinciden, completos con códigos hexadecimales.

construyendo tus colores

algunas de estas herramientas necesitan que tengas un color en mente para empezar. Si no tienes una marca que necesitas igualar, y BrandColors no te mostró nada que te llamara la atención, puedes comenzar desde cero.,

12: La aplicación de Color

esta herramienta de iOS le permite tomar buenas decisiones entre colores similares, al colocarlos claramente con un poco de espacio entre ellos en lugar de en degradados, como en ruedas de color y esferas. Las grandes cuadrículas de color le permiten usar toda su pantalla (¡los usuarios de iPad Pro, alégrense!) y también le permite muestrear colores, encontrar valores RGB, Hex y HSLA y crear paletas de colores desde cero.,

13: Color

Color, por HailPixel, le permite realmente precisar exactamente qué color desea, y luego le da el código hexadecimal para él.

pase el cursor sobre la pantalla y el color cambia muy ligeramente a medida que se mueve, es como una esfera de color que se retroalimenta constantemente en códigos hexadecimales. Muévete por la pantalla para obtener color, arriba y abajo para obtener saturación.

obtenga los códigos para un Color

Si ha visto un color en algún lugar y no sabe exactamente cómo llamarlo, estas son las herramientas para usted.,

14: SpyColor

SpyColor le brinda información sobre cualquier color, incluidos los códigos Hex, RGB, CMYK y otros. La herramienta le muestra la gama de tipos de esquema como complementario, split-complementario, triádico, choque y análogo, en cada página de color.

15: HTML Color Codes

HTML Color Codes encuentra códigos hexadecimales para los colores de las imágenes en su navegador. Selecciona una imagen desde tu escritorio y haz clic en ‘Ver imagen’, luego pasa el ratón sobre ella para obtener códigos hexadecimales para las diferentes partes de la imagen.,

pruebe su paleta

Una vez que tenga una paleta de colores en su lugar, debe saber si va a funcionar para una variedad de visitantes.

16: Check my Colours

Check my Colours le permite comprobar los colores de primer plano y fondo de su paleta de colores, asegurándose de que proporcionan suficiente contraste para alguien que tiene déficits de color. Si desea hacer una prueba de daltonismo en su sitio, o simplemente obtener las combinaciones de colores más efectivas e intuitivas desde una perspectiva de experiencia de usuario, esta herramienta es invaluable., Introduce una URL y escupe un informe:

that que básicamente revisa todo el código de tu sitio y califica todos los elementos visuales en visibilidad.

imágenes coincidentes

ahora que su paleta de colores está en su lugar y sabe que es súper visible, necesitará algunas imágenes para que coincidan.

17: TinEye

TinEye es mejor conocido como una alternativa a la Búsqueda de Imágenes de Google., Pero también funciona como una forma de explorar combinaciones de colores, utilizando una base de datos de más de 10 millones de fotografías con licencia Creative Commons recolectadas de Flickr. Si estás buscando imágenes con la combinación de colores perfecta, Esta es una forma genial y fácil de usar de buscarlas.

18: Designspiration

Designspiration permite seleccionar hasta cinco tonos que van desde una página completa paleta, que le da la oportunidad de ver los colores claramente. Luego, el sitio muestra todas las imágenes en su base de datos con esa combinación de colores., Le muestra claramente los números hexadecimales y le permite hacer clic en números hexadecimales individuales. Puede guardar imágenes en colecciones en el sitio, así como descargarlas.

cómo usar una herramienta de comportamiento del sitio web para analizar las mejores paletas de colores

usted podría pensar que todo lo que tiene que hacer es elegir una paleta de colores del sitio web y avanzar a toda máquina. Esa no es la mejor manera de hacer negocios.

piénsalo. Usted prueba sus CTAs, titulares y otros elementos del sitio web. ¿Por qué el color debe ser diferente?,

Una herramienta de análisis de comportamiento de sitios web como Crazy Egg ofrece la oportunidad perfecta para averiguar cómo responde su audiencia a su paleta de colores actual.

los informes de comportamiento del usuario como heatmaps le dirán si sus colores están captando los ojos de las personas que más importan: sus clientes actuales y potenciales.

cuando tiene datos en bruto en sus manos, puede tomar decisiones informadas sobre la paleta de colores de su sitio web.,

Imagine que ha creado un sitio web para un público de amantes del deporte y ha elegido los colores azul y rosa, así como un par de grises neutros. A tu audiencia no le gusta.

tal vez no transmite su imagen lo suficientemente bien. A los amantes de los deportes les pueden gustar los colores más audaces y oscuros y los tonos tierra.

no lo sabrás hasta que hagas la prueba.

comience a usar Crazy Egg

cree una cuenta gratuita de Crazy Egg para comenzar su prueba gratuita o inicie sesión para configurar sus informes de comportamiento de usuario.

Puede realizar varias pruebas al mismo tiempo para no perder horas, días o semanas., En su lugar, puede capturar datos en tiempo real y reenfocar sus esfuerzos en encontrar la mejor paleta de colores posible.

conclusión

la paleta de colores de su sitio web no solo debe reflejar su marca, sino también atraer a su audiencia. De lo contrario, las personas podrían ser desactivadas por su sitio sin siquiera darse cuenta.

comienza con lo que te gusta. Considera elegir una paleta que sea diferente de otras en tu nicho para que destaques. Entonces comienza a probar.

es fácil cambiar los colores en tu sitio. Si conoce HTML, puede alterar los códigos hexadecimales en sus archivos de tema Manualmente., Muchos temas de WordPress también vienen con personalizadores que le permiten cambiar los colores sin conocer ningún código.

Date la oportunidad de hacer que tu sitio sea lo más visualmente atractivo y memorable posible.