Estatísticas de cores do site: 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.

Escusado será 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 esclarecerão melhor a importância da cor, revelarão como diferentes segmentos de consumidores respondem a diferentes cores do site 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 corresponde às 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, calmante, segura e profissional – três características que os sites de marca geralmente se esforçam para ser. Mas falaremos mais sobre essas associações de cores mais tarde.

Verde foi a segunda cor preferida do site, com 30% dos votos, e o vermelho ficou em terceiro lugar 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 a respostas emocionais positivas, em comparação com apenas 14% para cores quentes.

Qual é a pior cor do site?

Amarelo é a cor que os consumidores mais detestam em sites, com 23% dos entrevistados achando que as empresas não deveriam usá-lo no design de seus sites. Laranja e Roxo foram os segundos próximos, com 22% dizendo que é a cor do site menos favorita.

Dito isto, não existe objetivamente 'pior cor de site'. As estatísticas de cores do site acima nos informam de quais cores 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 demografia

As preferências de cores do site variam de acordo com o sexo. Tanto homens quanto mulheres parecem ter um fraquinho 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 o verde em sites, em comparação com 30% dos homens

Da mesma forma, a cor que as pessoas mais detestam nos 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 deveriam usar amarelo em seus sites
• 23% dos homens acham que as empresas não deveriam 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 acha que são 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 . 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álogos. Esquemas de cores análogos 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.

Quão importante é o espaço em branco?

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

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 confusa e desordenada.

Fontes: Top Design Firms ¹ , Top Design Firms ²

Estatísticas de popularidade de cores

Analisamos quais são as cores favoritas do site dos consumidores, mas e suas cores favoritas em geral? Vamos descobrir.

Qual é a cor favorita do mundo?

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

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

Esta estatística é respaldada por dados do Global Color Survey 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 gostavam mais do laranja, enquanto 23% disseram que o marrom (a segunda cor menos favorita do mundo) e 13% disseram que o 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 as cores do site, as cores favoritas das pessoas em geral variam de acordo com o sexo 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 sexo

Em seguida, vamos analisar a porcentagem de entrevistados de ambos os sexos que disseram que uma determinada cor era a menos favorita 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 menos favoritas mais comuns (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 cor dependem da idade?

Sim, as preferências de cores parecem depender da idade. O azul é a cor favorita do mundo ao longo das 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 pelas faixas etárias mais jovens.

Qual é a melhor cor para botões de call-to-action?

De todos os elementos do seu site, seus botões de call to action (CTA) são provavelmente os mais importantes. Eles são os elementos que você deseja que seus clientes percebam e cliquem.

Como tal, tem havido muitos estudos e testes para tentar descobrir qual é a melhor cor para call-to-actions. Veja o que as estatísticas mostram:

• Em um teste de divisão 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%.
• Enquanto a maioria dos estudos se concentra nos botões vermelhos e verdes (já que estes são os mais populares), alguns compararam outras cores. Um desses estudos comparou botões azuis e laranja e descobriu que o azul superou 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 de call to action. Isso varia de caso para caso, e não há uma abordagem única para todos.

O fator mais importante parece ser que seus botões se destaquem 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 a atenção do usuário tanto quanto o vermelho. Mas se a cor primária do seu site for vermelho, os botões verdes podem funcionar bem.

Fontes: Hubspot, CXL

Por que a cor do site é importante?

Em seguida, vamos dar uma olhada em 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 pesquisados ​​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, logo atrás 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, é devido a elementos estéticos (incluindo cores) 52% das vezes.

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 materiais de sua marca, desde o design do produto até o logotipo da sua marca e muito mais. Aqui está o porquê:

• Cerca de 62-90% da avaliação inicial de um consumidor dos produtos é 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 de revistas, mas o mesmo princípio pode valer 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, biologicamente conectadas, enquanto outras são culturalmente orientadas.

É 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 com o 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, 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 melhor 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 associaram à 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, pois a segurança e a confiança estão semanticamente intimamente ligadas. O preto também foi frequentemente associado à segurança em 16%. E a laranja mais uma vez ficou 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 de Red e suas associações com intensidade, raiva e ferocidade. Amarelo foi um segundo distante em 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 com as palavras barato/barato. O amarelo ficou em segundo lugar com 22% dos votos e o marrom em terceiro com 13%.

Azul foi a cor menos provável de ser associada ao baixo custo, com apenas 1% dos entrevistados escolhendo.

O que é interessante sobre isso é que a associação com o baixo custo parece correlacionar-se intimamente com as preferências de cores. Marrom, amarelo e laranja são as cores menos favoritas dos consumidores e as mais provavelmente associadas à palavra barato.

Alta qualidade

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

O azul foi associado à alta qualidade, o segundo mais frequentemente, com 20% dos entrevistados escolhendo-o. A laranja foi a menos associada à 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ê está 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 que associavam 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 considerados valores mais masculinos, mas, como vimos anteriormente, poucos homens gostam da cor roxa, apesar de suas associações com esses traços.

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 – gostoso
• 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 – azar

Fontes: Colorcom ¹ , Joe Hallock ²

Estatísticas de cores do logotipo do site

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

A importância da cor nos logotipos de sites

Em um teste da Reboot Online, 78% dos clientes conseguiram 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 em seus ativos de marca (como seu site) são mais memoráveis ​​– e sem dúvida, mais importantes – do que até mesmo o nome da sua marca.

Cores mais comuns do logotipo do site

O preto é a cor de marca mais popular entre as principais marcas. É usado nos logotipos de 34% das 100 principais 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: Reinicialização 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 à cifra 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-azul.

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á maneira certa ou errada de usá-la em seus sites. As escolhas de cores certas dependerão da personalidade da sua marca, posicionamento e mercado-alvo.

Se você quiser saber ainda mais sobre como é um bom design da web, veja 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 de design gráfico alucinantes.

Boa sorte!