Qual é a melhor cor para sites?

A cor é um dos componentes visuais mais importantes do design do site. Isso pode afetar tudo, desde sua taxa de conversão até a maneira como os visitantes percebem sua marca.

Nem é preciso dizer, então, que você precisa acertar o esquema de cores do seu site. Mas quais cores você deve usar? E como você pode usá-los de forma eficaz?

Neste resumo das estatísticas de cores do site, compartilharemos alguns dados esclarecedores que podem ajudar a responder a essas perguntas.

As estatísticas abaixo irão lançar mais luz sobre a importância da cor, revelar como diferentes segmentos de consumidores respondem a diferentes cores de sites e muito mais.

Preparar? Vamos começar!

Qual é a melhor cor para um site?

Não há um consenso objetivo sobre qual é a melhor cor para um site, pois tudo depende da natureza da sua marca e do mercado-alvo. No entanto, azul e verde parecem ser escolhas seguras, pois são as cores que a maioria dos clientes prefere ver nos sites.

Em geral, os consumidores também parecem preferir cores mais frias a cores mais quentes.

Quais cores os visitantes do site preferem?

46% dos consumidores preferem quando as empresas usam azul em seus sites, tornando-se a principal preferência de cor entre os visitantes do site.

Como veremos mais adiante, essa preferência coincide com as preferências gerais de cores em todo o mundo.

E provavelmente tem algo a ver com a forma como percebemos a cor azul. Muitas vezes, é vista como uma cor não ameaçadora que é calmante, segura e profissional - três características que os sites de marcas geralmente se esforçam para ser. Mas falaremos mais sobre essas associações de cores mais tarde.

O verde foi a segunda cor preferida do site, com 30% dos votos, e o vermelho ficou em terceiro com 22%.

Estatísticas interessantes de cores do site:

• 22% dos consumidores que visitam um site pela primeira vez procuram cores atraentes
• Mas 21% dos consumidores deixarão sites com cores estranhas
• 19% das pessoas associam cores frias com respostas emocionais positivas, em comparação com apenas 14% para cores quentes.

Qual é a pior cor do site?

Amarelo é a cor que os consumidores menos gostam em sites, com 23% dos entrevistados achando que as empresas não deveriam usá-la no design de seus sites. Laranja e roxo ficaram em segundo lugar, com 22% dizendo que é a cor do site que menos gosta.

Dito isso, não existe uma "pior cor de site" objetivamente. As estatísticas de cores do site acima nos dizem quais cores do site os consumidores acham que não gostam, mas isso não significa que elas não sejam a escolha certa para você. Tudo depende de fatores como a personalidade da sua marca e o público-alvo.

Preferências de cores do site por grupo demográfico

As preferências de cores do site variam de acordo com o gênero. Tanto homens quanto mulheres parecem ter uma queda por azul e verde, mas as mulheres gostam particularmente deles:

• 50% das mulheres preferem ver azul em sites, em comparação com 45% dos homens
• 34% das mulheres preferem ver verde em sites, em comparação com 30% dos homens

Da mesma forma, a cor que as pessoas menos gostam em sites também parece variar de acordo com o gênero. As mulheres não gostam mais do amarelo, enquanto os homens não gostam mais do laranja.

• 26% das mulheres acham que as empresas não devem usar amarelo em seus sites
• 23% dos homens acham que as empresas não devem usar laranja em seus sites

As preferências de cores também parecem variar de acordo com a idade:

• 43% das pessoas de 18 a 24 anos gostam de roxo em sites, mas apenas 17% das pessoas de 44 a 54 sentem o mesmo

Qual esquema de cores é melhor para um site?

A maioria dos sites não apresenta apenas uma cor - eles usam várias. A combinação de cores que você usa em seu site é o seu esquema de cores e é super importante acertar.

De acordo com os dados, aqui estão os esquemas de cores que a maioria dos consumidores considera serem as melhores escolhas para sites:

• 26% dos consumidores preferem esquemas de cores primárias . Os esquemas de cores primárias utilizam cores primárias: vermelho, amarelo e azul.
• 21% dos consumidores preferem esquemas de cores complementares . Os esquemas de cores complementares usam duas cores que se encontram opostas na roda de cores, como azul e laranja ou vermelho e verde. Uma é a cor dominante, enquanto a outra é a cor de destaque.
• 20% dos consumidores preferem esquemas de cores análogas. Esquemas de cores análogas usam cores posicionadas próximas umas das outras na roda de cores, como vermelho com violeta e vermelho-violeta, ou amarelo com verde e amarelo-verde.

Qual a importância do espaço em branco?

Apenas 8% dos consumidores notam espaços em branco ao visualizar sites pela primeira vez, e é por isso que o espaço em branco é tão importante no web design.

Ajuda a criar espaço entre os elementos para que você possa direcionar a atenção dos visitantes para o que mais importa, como seus CTAs e botões de compra. E ajuda a evitar que a página do site pareça bagunçada e desordenada.

Fontes: Principais empresas de design ¹ , Principais empresas de design ²

Estatísticas de popularidade de cores

Vimos quais são as cores favoritas do site dos consumidores - mas e as cores favoritas em geral? Vamos descobrir.

Qual é a cor favorita do mundo?

Um estudo de Joe Hallock descobriu que, além de serem a melhor escolha para as cores do site, o azul e o verde também são as cores favoritas do mundo em geral.

42% das pessoas entrevistadas disseram que o azul era sua cor favorita, tornando-a a primeira escolha. Verde e roxo foram as segundas cores favoritas do mundo, com 14% dos votos cada.

Esta estatística é apoiada por dados da Pesquisa Global de Cores da Colorcom. Os resultados de sua pesquisa com mais de 300.000 pessoas também descobriram que o azul era mais comumente escolhido pelos participantes como sua cor favorita.

Qual é a cor menos favorita do mundo?

De acordo com a mesma pesquisa de Joe Hallock, Laranja é a cor menos favorita da maioria das pessoas em todas as idades e gêneros.

30% das pessoas disseram que não gostam mais de laranja, enquanto 23% disseram marrom (a segunda cor menos favorita do mundo) e 13% disseram que roxo (a terceira cor menos favorita do mundo).

No entanto, a pesquisa global da Colorcom gerou resultados ligeiramente diferentes. De acordo com seus dados, o amarelo é a cor menos favorita mais comum.

Cores mais populares por sexo

Assim como acontece com as cores do site, as cores favoritas das pessoas em geral variam de acordo com o gênero e a idade.

Abaixo, você encontrará um detalhamento da porcentagem de pessoas de ambos os sexos que disseram que uma determinada cor era sua favorita, de acordo com os melhores dados que temos.

Top 10 cores favoritas (mulheres):

1. Azul – 35%
2. Roxo – 23%
3. Verde – 14%
4. Vermelho – 9%
5. Preto – 6%
6. Laranja – 5%
7. Amarelo - 3%
8. Marrom – 3%
9. Branco - 1%
10. Cinza - 1%

Top 10 cores favoritas (homens):

1. Azul – 57%
2. Verde – 14%
3. Preto – 9%
4. Vermelho – 7%
5. Laranja – 5%
6. Cinza - 3%
7. Branco - 2%
8. Marrom – 2%
9. Amarelo - 1%
10. Roxo – 0%

O que é interessante aqui é que, embora ambos os gêneros gostem de azul e verde, há uma grande diferença no gosto pelo roxo. Entre as mulheres, é a segunda cor mais popular. Mas nos homens é o mínimo.

Cores menos favoritas por gênero

A seguir, vamos analisar a porcentagem de entrevistados de ambos os sexos que disseram que uma determinada cor era a que menos gostava, de acordo com o mesmo estudo:

Cores menos favoritas mais comuns (mulheres):

1. Laranja – 33%
2. Marrom – 20%
3. Cinza - 17%
4. Amarelo – 13%
5. Roxo – 8%
6. Verde – 6%
7. Branco – 3%

Cores mais comuns e menos favoritas (homens):

1. Marrom – 27%
2. Roxo – 22%
3. Laranja – 22%
4. Amarelo – 13%
5. Branco – 5%
6. Cinza - 5%
7. Verde - 2%
8. Vermelho 2%
9. Preto – 1%
10. Azul - 1%

Novamente, existem algumas semelhanças e diferenças interessantes aqui. Ambos os sexos parecem não gostar da cor marrom e laranja, mas os homens são muito mais propensos a dizer que sua cor menos favorita é o roxo.

Fontes: Colorcom ¹ , Joe Hallock ¹

As preferências de cores dependem da idade?

Sim, as preferências de cores parecem depender da idade. O azul é a cor favorita do mundo em todas as gerações, mas, curiosamente, as estatísticas mostram que quanto mais jovem a faixa etária, maior a preferência pelo verde e, quanto mais velha a faixa etária, menor a preferência pelo verde.

O inverso é verdadeiro para o roxo: os mais jovens gostam menos e os mais velhos gostam mais.

Da mesma forma, laranja e amarelo parecem ser menos populares entre os consumidores mais velhos. Essas cores são mais frequentemente apontadas como a cor menos favorita pelos entrevistados em faixas etárias mais avançadas.

O marrom é mais frequentemente apontado como a cor menos favorita pelos grupos etários mais jovens.

Qual é a melhor cor para os botões de chamada para ação?

De todos os elementos do seu site, os botões de chamada para ação (CTA) são provavelmente os mais importantes. Eles são os elementos que você deseja que seus clientes notem e cliquem.

Por isso, existem muitos estudos e testes para tentar descobrir qual é a melhor cor para call-to-actions. Veja o que mostram as estatísticas:

• Em um teste A/B da Hubspot no site da Performable, os botões vermelhos superaram substancialmente os botões verdes e geraram 21% mais cliques.
• Outros testes mostraram resultados semelhantes. Por exemplo, a Dmix descobriu que mudar para um botão vermelho aumentou suas taxas de conversão em 34%.
• Embora a maioria dos estudos se concentre nos botões vermelho e verde (já que são os mais populares), alguns compararam outras cores. Um desses estudos comparou botões azuis e laranja e descobriu que o azul superava o laranja em 9%.

A conclusão fácil disso é que o vermelho é melhor - mas isso seria uma simplificação excessiva.

A verdade é que não existe a melhor cor para um botão call-to-action. Isso varia de caso para caso e não existe uma abordagem única para todos.

O fator mais importante parece ser que seus botões se destacam das outras cores em sua página da web. Se a cor primária do seu site for verde, os botões verdes provavelmente não chamarão tanto a atenção do usuário quanto os vermelhos. Mas se a cor primária do seu site for vermelha, os botões verdes podem funcionar bem.

Fontes: Hubspot, CXL

Por que a cor do site é importante?

Em seguida, vamos ver algumas estatísticas de sites que nos dizem mais sobre a importância da cor no web design.

A cor do site importa?

39% dos consumidores entrevistados disseram que a cor é o elemento visual que eles mais valorizam nos sites das empresas. Isso o torna o segundo elemento visual mais apreciado pelos consumidores, atrás apenas de fotos/imagens (40%).

42% dos compradores baseiam sua opinião sobre um site apenas no design (e isso inclui cores).

Entre os compradores que não retornam a um site, em 52% das vezes, os elementos estéticos (incluindo cores) são reduzidos.

Outras estatísticas sobre a importância da cor

As cores não são importantes apenas em seu site - são importantes em todos os seus materiais de marca, desde o design do produto até o logotipo da marca e além. Aqui está o porquê:

• Cerca de 62-90% da avaliação inicial de produtos de um consumidor é baseada apenas na cor.
• A cor pode aumentar o reconhecimento da marca em até 80%
• 90% das pessoas acreditam que as cores podem ajudar a atrair novos clientes
• 83% acreditam que a cor os faz parecer mais bem-sucedidos
• 81% acham que a cor lhes dá uma vantagem sobre seus concorrentes
• 90% acreditam que os consumidores se lembram melhor das apresentações quando a cor é usada
• Os leitores notam anúncios coloridos com 26% mais frequência do que anúncios em preto e branco. O estudo que descobriu isso estava analisando especificamente anúncios em revistas, mas o mesmo princípio pode ser válido para anúncios em sites.

Fontes: Colorcom ² , Top Design Firms ¹ , ResearchGate, Neil Patel, Kissmetrics

associações de cores

Estudos mostram que os humanos parecem ter associações específicas com certas cores. Algumas delas parecem ser associações inatas e biologicamente conectadas, enquanto outras são conduzidas culturalmente.

É importante estar ciente das associações de cores comuns ao projetar seu site, pois isso afetará a maneira como sua marca é percebida pelos visitantes do site. Você deve tentar escolher cores que representem a personalidade da sua marca e evoquem o tipo de resposta emotiva que você deseja.

Com isso em mente, aqui estão algumas estatísticas de cores do site que mostram a que cada cor é mais comumente associada, de acordo com um estudo de Joe Hallock.

Confiar

Azul é a cor do site mais comumente associada à confiança. 34% dos entrevistados disseram que pensam em confiança, eles pensam em azul. Esta é provavelmente uma grande parte da razão pela qual o azul é uma cor de site tão popular.

21% dos entrevistados associaram a confiança à cor branca, tornando-a a segunda escolha. Provavelmente porque (ou talvez por que) o branco é usado em ambientes como hospitais e em jalecos de médicos.

Laranja foi a cor menos confiável identificada no estudo. Apenas 1% dos entrevistados a associou à confiança.

Segurança

O azul também é a cor do site mais comumente associada à segurança, com 28% dos votos. Isso não é surpreendente, visto que a segurança e a confiança estão semanticamente intimamente ligadas. O preto também foi frequentemente associado à segurança em 16%. E o laranja voltou a ficar no final da lista com 2% dos votos.

Velocidade

O vermelho é a cor mais comumente associada à velocidade em 76%. Isso provavelmente se deve ao efeito energizante subjacente do vermelho e suas associações com intensidade, raiva e ferocidade. O amarelo ficou em um distante segundo lugar com 7%.

Isso pode tornar o vermelho uma boa escolha para criar um senso de urgência em seu site. Por exemplo, você pode usá-lo para destacar ofertas urgentes.

Barato/barato

26% dos participantes associaram laranja às palavras barato/barato. O amarelo ficou em segundo lugar com 22% dos votos e o marrom em terceiro com 13%.

O azul era a cor menos provável de ser associada ao baixo custo, com apenas 1% dos entrevistados escolhendo-a.

O que é interessante sobre isso é que a associação com preços baixos parece estar intimamente relacionada às preferências de cores. Marrom, amarelo e laranja são as cores menos favoritas dos consumidores e as mais prováveis ​​de serem associadas à palavra barato.

Alta qualidade

43% das pessoas pesquisadas associaram o preto à alta qualidade. Você pode aproveitar essa associação com qualidade usando preto nos esquemas de cores do seu site.

O azul foi associado à alta qualidade em segundo lugar com mais frequência, com 20% dos entrevistados escolhendo-o. O laranja foi o menos provável de ser associado à alta qualidade, recebendo 0% dos votos.

Alta tecnologia

Preto (26%) e azul (23%) também foram as cores mais comumente associadas à alta tecnologia. Gray ficou em segundo lugar, tendo sido escolhido por 23% dos entrevistados.

Temer

41% dos participantes associaram o vermelho ao medo ou terror. As pretas ficaram em segundo lugar com 38%. Se você estiver trabalhando em um site com tema de terror, preto e vermelho são as escolhas óbvias.

Curiosamente, nenhum dos entrevistados associou o azul ao medo, o que novamente mostra o quão confiável e calmante a cor é percebida.

Diversão

28% das pessoas disseram que laranja é a cor que mais associam à diversão. O amarelo ficou em segundo lugar com 26%. Roxo (17%) e vermelho (16%) também foram escolhas populares.

Isso mostra que, apesar de serem algumas das cores menos favoritas do site, laranja e amarelo têm seu lugar no design do site. Eles podem ser escolhas eficazes se você estiver tentando posicionar sua marca ou produto como divertido.

Bravura

29% dos entrevistados disseram associar o roxo à coragem e bravura. O vermelho ficou em segundo lugar com 28% e o azul ficou em terceiro com 22%.

Isso é interessante, pois coragem e bravura são comumente consideradas valores mais masculinos, mas, como vimos anteriormente, poucos homens gostam da cor roxa, apesar de suas associações com essas características.

Associações de cores do site de acordo com Joe Hallock

Aqui está uma recapitulação das principais associações de cores de acordo com o estudo de Joe Hallock:

• Azul – confiança, segurança
• Vermelho – velocidade, medo
• Laranja – barato, divertido
• Preto – alta qualidade, alta tecnologia
• Roxo – bravura

Associações de cores do site de acordo com Colorcom

A Pesquisa Global de Cores da Colorcom também perguntou aos entrevistados sobre associações de cores. Aqui estão as associações mais comuns para cada cor de acordo com seus dados:

• Amarelo – felicidade
• Branco – pureza
• Verde – sorte
• Vermelho – saboroso
• Azul escuro – dignidade
• Prata – alta tecnologia
• Vermelho – sensualidade
• Preto – luto
• Ouro – caro
• Marrom – barato
• Vermelho – poderoso
• Azul – confiável
• Ouro – alta qualidade
• Amarelo suave – náusea
• Branco – divindade
• Preto – má sorte

Fontes: Colorcom ¹ , Joe Hallock ²

Estatísticas de cores do logotipo do site

Seu logotipo é outro elemento visual importante apresentado em seu site. Aqui estão algumas estatísticas de cores de sites relacionadas especificamente a logotipos.

A importância da cor em logotipos de sites

Em um teste da Reboot Online, 78% dos clientes foram capazes de lembrar a cor primária dos logotipos que foram mostrados brevemente, mas apenas 43% conseguiram lembrar o nome.

O resultado: as cores que você usa nos ativos de sua marca (como seu site) são mais memoráveis ​​- e sem dúvida mais importantes - até mesmo do que o nome de sua marca.

Cores de logotipo de site mais comuns

O preto é a cor de marca mais popular entre as principais marcas. É usado nos logotipos de 34% das 100 maiores marcas globais.

A porcentagem de marcas que usam cada cor em seu logotipo:

• 34% usam preto
• 30% usam azul
• 30% usam vermelho
• 9% usam amarelo
• 7% usam verde
• 6% usam prata/verde
• 5% usam laranja
• 2% usam marrom

Fonte: Reiniciar Online

Quantas cores existem?

Ninguém pode concordar exatamente com quantas cores existem, mas a melhor resposta que podemos dar é 10 milhões.

Esse é o número máximo de cores que o olho humano pode ver, mas há infinitamente mais cores que não podemos perceber.

Se você está curioso para saber como chegamos ao número de 10 milhões, é matemática básica. O olho humano pode ver 1.000 tons de luz. E dentro desses tons de luz, podemos detectar 100 níveis diferentes de tons vermelho-verde e 100 níveis diferentes de tons amarelo-azulados.

Multiplique tudo isso (1.000 x 100 x 100) e você terá 10 milhões.

Claro, é um pouco mais complicado do que isso - esta é apenas uma explicação breve e simplificada

Pensamentos finais

Isso conclui nosso resumo das estatísticas de cores do site.

Espero que você tenha conseguido extrair alguns insights úteis para informar sua estratégia de design de site a partir desses fatos e números.

A principal conclusão é que, embora a cor seja claramente importante, não há uma maneira certa ou errada de usá-la em seus sites. As escolhas de cores certas dependerão da personalidade, posicionamento e mercado-alvo da sua marca.

Se você quiser aprender ainda mais sobre como é um bom design da web, consulte nosso recente resumo de estatísticas de design de sites.

Ou para aprender sobre design gráfico de forma mais geral, confira essas estatísticas alucinantes de design gráfico.

Boa sorte!