5109/2021 13:23 26 Esquemas de cores inspradores no website om 2021 (Palelas colorblind Fisndly) ‘BLOG KINSTA 26 Esquemas de Cores Inspiradoras para o Comércio Eletrénico, Landing Pages e Sites Pessoais Matteo Dub, Novembro 23, 2020 CLICK TO TWEET hitps:kinsta comipUbloglesquemas-de-cores-sita/ e1405109/2021 13:23 26 Esquemas de core inspradores no website em 2021 (Palelas colorblind Fisndly) Como obter os esquemas de cores exatas em um site © cove =a —Colorzilla Para identificar cada cor usada em um site, a tonalidade exata e cédigo hexadecimal, vocé pode usar urna extensdo Google Chrome ou Firefox addon como ColorZilla. Com 0 ColorZilla instalado, vocé pode simplesmente pairar seu ponteito diretamente sobre qualquer elemento de design ern qualquer site, logotipo ou imagem, e ele Ihe mostraré os cédigos de cores HTML hexadecimais ou RGB exatos para aquele pixel, Se vocé no quiser identificar as cores usadas uma a uma, vocé também pode usar um gerador de paleta de cores que usard uma imagem, como a ferramenta de extragao de cores de imager do Colormind. No entanto, nao é uma solugao tao perfeita quanto poderia parecer. Vocé tern que tirar urna foto da tela do site e carrega-la e a paleta gerada néo serd necessariamente 100% precisa para as tonalidades reais usadas no design. Por exemplo, se o website incluir um gradiente ou uma imagem com cores além do esquema de cores principal, a paleta gerada tende a ser imprecisa Portanto, por enquanto, a melhor maneira de identificar as cores exatas usadas no web design ainda é usar urn plugin ou extensio de identificagao de cores, ou tirar uma foto e fazer hitps:kinsta comipUbloglesquemas-de-cores-sita/ 91405109/2021 13:23 26 Esquemas de cores inspradores no wabsite am 2021 (Palelascolorblind-Friandly) Que esquema de cores de website estamos usando na Kinsta? Coro a maioria dos websites, nés da Kinsta seguimos um esquema basico tricolor ou triddico para todo o nosso contetido, Coro somos uma empresa de hospedagem focada em WordPress, ndo hé necessidade de implernentarmos miltiplas paletas ern todo nosso website. ioc Press A Brandon Text Roboto a er | = Kit de midia Kinsta Usamos um roxo escuro (#5333ed) como nossa cor primaria, turquesa (#2cd4d9) para justapor e criar gradientes de captura, porém equilibrados, e um cinzento submisso para texto (#6£7076). Mas 0 que outras empresas esto fazendo? Varnos descobrir! 26 Melhores exemplos de esquemas de cores hitps:kinsta comipUbloglesquemas-de-cores-sita/ 101405109/2021 13:23 26 Esquemas de core inspradores no website em 2021 (Palelas colorblind Fisndly) Procuramos na web grandes exemplos de esquemas de cores e até mesmo separamos os sites por categoria, assim sera facil para vocé encontrar inspiragao em sites relevantes. + Grandes esquemas de cores do site Ecommerce + Esquemas de cores do site pessoal e de viagern + Esquemas de cores da pagina de pouso Grandes esquemas de cores do site Ecommerce Abaixo, vamos cobrir excelentes exemplos de esquemas de comércio eletrdnico de cores que combinam com sua marca e industria. 1. Produto para o cuidado da pele: Brilhante e brincalhao Bestsellers — Bliss Aescolha de cores da Bliss esta no ponto quando se trata de sua marca. As cores sao, brilhantes € lidicas, acompanhando perfeitamnente a mensagem de positividade corporal e felicidade interior da empresa. hitps:kinsta.comiplbloglesquemas-de-cores-sitel Mosm 2021 (Palelas colorblind Fisndly) 5109/2021 13:23 2 Esquemas de cores inspradores no webs oo ae a — Le Bonnet aoe ob = ° —Le Bonnet Le Bonnet é uma empresa de vestuario que se concentra na clareza quando se trata da paleta de cores de seu website, Algumas cores intensas, juntamente com uma cor de fundo bege opaca para separar os produtos, ajudam a elevar a simplicidade do design 3. Loja de Vestu: icidade “REVISE: a hitps:kinsta comipUbloglesquemas-de-cores-sita/ 12405109/2021 13:23 26 Esquemas de core inspradores no website em 2021 (Palelas colorblind Fisndly) — Revise Revise Concept é um site de marca de roupas, e ern vez de confiar nas cores da paleta de cores do site, ele usa cores simples e espago branco para destacar as cores e desenhos das préprias roupas. Esta abordagem pode ser uma excelente alternativa para os sites de comércio eletrénico que querem deixar 0 produto falar por si mesmo, em vez de ctiar urn design perfurante para contar a historia, 4, Louga de mesa: Confiabi ~y o z . oe Profigeschirr individuell gestalten. ‘Schon ab 30 Teilen. => Ee» 0 f =_- = My Tableware My Tableware é um site de comércio eletrénico alemao para louga e louga personalizavel. O site usa um esquema de cores simples de azul escuro, rattom claro e cinza para transrnitir uma sensagao de profissionalismo e confiabilidade, com notas de sofisticagao Goma: Natural e Impul: hitps:kinsta.comiplbloglesquemas-de-cores-sitel 191405109/2021 13:23 26 Esquemas de cores inspradores no website om 2021 (Palelas colorblind Fisndly) — Neuro’ cower eB BOT pels cot ES elcome TIME —-PSTOMPNNY —BuzzFeeo FMF rwmnen — Neuro Neuro é uma marca de pastilhas de cafeina e menta, projetada para ajudar as pessoas a se concentrarem. Ela usa uma mistura de cores mais suaves como turquesa, azul claro e bege, para instilar uma sensago de ingredientes naturais Hé também um apelo as decisées emocionais e impulsivas com vermelho e laranja, excelente uso do sotaque colorido. 6. Assistir: Sofisticagao e Luxo hitps:kinsta.complbloglesquemas-de-cores-sitel 41405109/2021 13:23 25 Esquemas de cores inspiradores no website em 2021 (Palelas colorbind-Fisndly) = Prime An Prime Ambassador é uma marca sueca de relégios, com um site de comeércio eletrénico de classe, projetado para destacar os produtos. As combinagdes de cores de um torn marromn claro quase dourado sobre ur fundo cinza escuro e os acentos de madeira na foto trazem uma sensagao de sofisticacdo e luxo pata o visitante, qualidade como um relégio sob nsumo regular As cores so perfeitas para promover um produto de alts medida, mas vocé se sentiria deslocado se estivesse vendendo produtos de c: 7. Calgas: Criativa e Acessivel hitps:kinsta.com/pUbloglesquemas-de-cores-sitel 151405109/2021 13:23 2 Esquemas de cores inspradores no website em 2021 (Palelas colorbind-Fisndly) Trsuatenis IT’S A STATE OF MIND, = Alday Alday é uma marca de calgas de conforto ~ primeira calga projetada para se adaptar melhor do que as calgas jeans e chinos produzidos em massa e vendidos a pregos mais baixos O site é criativo e ludico, com combinagées de cores vibrantes que o fazem sentir-se acessivel ao visitante e aos clientes potenciais. 8. Lanches de frutas: Cores elegantes e acentuadas hitps:kinsta comipUbloglesquemas-de-cores-sita/ 16405109/2021 13:23 2 Esquemas de cores inspradores no website em 2021 (Palelas colorbind-Fisndly) Can) Crunchy Fruit de frutas liofilizadas, destinada a um consumidor mais Madies é uma linha de petis: consciente da moda do que as fruta cas sem marca vendidas a granel. 0 fundo preto e a personificagdo amarela da manga madura acentuam a simplicidade do design, levando a um produto final elegante. Quer saber como aumentamos nosso trafego em mais de 1000%? Junte ¢ a mais de 20.000 outros que recebem nossa newsletter semanal com jo Word dicas privilegiadas Coresne ) hitps:kinsta.com/pUbloglesquemas-de-cores-sitel risa5109/2021 13:23 26 Esquemas de core inspradores no website em 2021 (Palelas colorblind Fisndly) = Unspun Unspun usa vermelho vivo e laranja para dar vida ao site. Perfeito para se comunicar com um puiblico que leva urn estilo de vida ative e vibrante. Esquemas de cores do site pessoal e de viagem Abaixo, vocé pode encontrar nossa selegao dos melhores exemplos de esquemas de cores para websites pessoais e de viagem 10. Simplicidade criativa hitps:kinsta.comiplbloglesquemas-de-cores-sitel 181405109/2021 13:23 25 Esquemas de cores inspiradores no website em 2021 (Palelas colorbind-Fisndly) Madeleine Dalla NewYork hast Photography — Madeleine Dalla Madeleine Dalla é uma fotégrafa baseada em Nova York com um grande senso para o design de websites (e um portfdlio impressionante), ‘Ao deixar a cor fora da equagdio para o resto do design, ela realmente destaca as cores vivas tos destacadas a rao de cada um de seus projetos destacados. Ela usa tanto a de suas auséncia de cor quanto as proprias cores. 11. Escala de cinza com um Splash hitps:kinsta comipUbloglesquemas-de-cores-sita/ 191405109/2021 13:23 26 Esquemas de cores inspradores no website om 2021 (Palelas colorblind Fisndly) — Ali Rifai Ali Rifai é urn diretor de arte criativo e mostra no conceito do site. Usando escala de cinza com apenas um trago de cor, sua atengao ¢ atrafda para as palavras-chave certas e dreas criticas do design, a palavra “original’, e o sorriso encantador. 12. Um com a Natureza — iFly 50 iFly 50 é@ uma revista on-line langada pela KLM para comemorar seu 50° aniversario, Ao destacar 0 azul do céu e da agua, a grama verde e a floresta, faz com que qualquer visitante se sinta em sintonia com a natureza — uma abordagem perfeita para qualquer website de fotdgrafo da natureza ou de fotégrafo cénico 13. Limpo e Profissional hitps:kinsta.complbloglesquemas-de-cores-sitel 201405109/2021 13:23 25 Esquemas de cores inspiradores no website em 2021 (Palelas colorbind-Fisndly) B3 Benediktas [eM — Benediktas Gylys O site de Benediktas Gylys é uma aula magistral em design limpo. Nao ha desordem e isso também vale para escolhas de cores, A cor roxa priméria destaca o profissionalismo, e ernbora existam apenas algunas cores, todas elas server para destacar os elementos criticos, as ilustragdes. 14, Cores Pragmaticas hitps:kinsta.com/pUbloglesquemas-de-cores-sitel 202sr0nr02s 13:28 26 Esquemas de cores inepradoes no website em 2021 (Pleas clarbine-Friendly) Bucket! istly utiliza as cores de forma pragmatica, usando o amarelo para destacar palavras- chave, CTAs e paises visitados até agora, Mostra o valor que se pode obter de urna Unica cor em um design quando se usa em conjunto com o espago branco e os conceitos corretos 15. Elegante simplicidade Lars Franzen A imagem em destaque no site de Lars Franzen usa uma cor de fundo escura para realgar a cor e a individualidade das pessoas no retrato. 16. Sobreposigao futurista hitpskinsta.com/pUbloglesquemas-de-cores-sitel 22405109/2021 13:23 25 Esquemas de cores inspiradores no website em 2021 (Palelas colorbind-Fisndly) = Dot Lung O site pessoal da faz um étimo trabalho para maximizar a palela de cores simples com sobreposigées e gréficos de fundo limpos. 0 roxo no fundo ctia uma experiéncia coesiva de pagina para pagina Cansado de um hest lento? Kinsta é construido com velocidade e desempenho em mente. 17. Lure escuridao hitps:kinsta comipUbloglesquemas-de-cores-sita/ 21405109/2021 13:23 26 Esquemas de cores inspradores no website om 2021 (Palelas colorblind Fisndly) — Love for Iceland Love for Iceland é um grande exemplo de como as cores de urna imagem em destaque poder definir o clima. Com 0 azul brilhante do gelo claro, ilurinado pela luz do sol, na parte superior esquerda, para a escuridao tipo caverna na parte inferior, ele estabelece um clima ameacador e aventureiro para o visitante. Esquemas de cores da pi a de pouso Abaixo destacamos diferentes Landing Pages com esquemas de cores nicas ou eficazes. 18. Contrastes acentuados hitps:kinsta.comiplbloglesquemas-de-cores-sitel 201405109/2021 13:23 2 Esquemas de cores inspradores no webs YOUR MAP YOUR PEOPLE crea ~Zenly Zenly usa cores contrastantes para destacar a funcionalidade real do aplicativo de mapas ao vivo (btw, esta é a forrna como voeé incorpora o Google Maps ern sites WordPress). 0 pano de fundo do espago faz com que o design do aplicativo globular se destaque e o faca adquirir um sabor futurista. 19. Cora destacar oe =D lack brings the team = together, wherever at a you aes: ——== ee 5 3] Break out of the inbox hitps:kinsta comipUbloglesquemas-de-cores-sita/ 2si402sr0nr02s 13:28 26 Esquemas decors inepradoes no website am 2021 (Pleas clarbind Friendly) Slack usa uma tatica de esquema de cores de pagina de aterrissagem experimentada e verdadeira, onde as cores sao usadas principalmente para destacar chamadas importantes ago e outros elementos essenciais, Para uma Landing Page, vocé nao precisa complicar demais o design, ¢ isso também se aplica as cores, Certifique-se de verificar nossas Microsoft Teams vs Slack em comparagao profunda, 20, Cores vibrantes despertam emogies = Spotify Spotify usa cores vibrantes para despertar emogdes em um publico em sua nova pagina de aterrissagem extremamente simples. As cores contam mais de uma historia do que o subtitulo antes do bot&o CTA. Confira nosso guia se vocé estiver pensando em langar um podcast em breve. 21. Os contrastes de cor criam ordem no caos hitps:kinsta comipUbloglesquemas.de-cores-sita/ 261405109/2021 13:23 26 Esquemas de cores inspradores no website om 2021 (Palelas colorblind Fisndly) = Autonomy Autonomy usa cores e contraste para criar ordem em urn design animado e caético. 0 amarelo vibrante atravessa e se separa do fundo e de outros objetos. 22. Conjunto de cores futuristas Balance agility with stability . ‘Over 5,000 of the werle’s best engineering teams ec» — Bugsnag hitps:kinsta comipUbloglesquemas-de-cores-sita/ 2040zest 1828 28 Exqemes de corn nwpradorn no wobsi Bugsnag utiliza uma colecdo variada de cores para transmitir uma sensagdo futurista e de alta tecnologia com seu design plano. A combinagdo de cores e formas faz com que 0 Visitante sinta que estarnos em 2020, e que pode confiar na empresa para estar na vanguarda da tecnologia sn 2021 (Palelas colorblind Fisndly) 23. Vivo com cor Choose your Connect Home es sere —Connect Homes A pagina de aterrissagem do Connect Homes ganha vida com cores brilhantes e ao mesmo tempo suaves. A paleta de cores atinge um equilbrio excitante que transmite uma sensago moderna 24, Cores conservadoras, design It hitps:kinsta.complbloglesquemas-de-cores-sitel aso5109/2021 13:23 2 Esquemas de cores inspradores no webs sm 2021 (Palelas colorblind Fisndly) saa eae = Plink Landing Page do Plink é baseada em um tom relativarnente conservador de azul escuro, mas equilibra-o com uma animagao e design ludico e divertido em geral 25. idade natural = Travelshitt hitps:kinsta comipUbloglesquemas-de-cores-sita/ 291402sroanc21 1328 26 Esquemas de cores inspradores no website om 202 (Pallas colorbind-Fiendh) Travelshift depende muito da cor verde para transmitir uma sensago de natureza e Vitalidade. Em vez de destacar CTAs ou conteudo chave com uma cor que chama a atengdo como 0 vermelho ou o laranja, o verde funciona como uma promessa de rejuvenescimento. 26. Cores brilhantes de esperanga = Swab the World ‘Swab the World usa um esquema de cores brilhantes e contrastantes para transmitir uma sensagao de esperanga. Esta ¢ uma combinagao perfeita para Landing Page de uma organizagao sem fins lucrativos. 0 choque de cores funciona com as formas para destacar a abordagem moderna/futurista que eles utilizar para enfrentar 0 desafio, Geradores de esquemas de cores do site Se vocé nao quiser escolher manualmente cores, gradientes ou sombras adjacentes para seu esquema ou paleta, vocé pode usar ferramentas online para ajudar. Hd uma série de esquemas de cores ou geradores de paleta gratuitos disponiveis on-line. Analisaremos mais de perto algumas das melhores opgées abaixo hitps:kinsta comipUbloglesquemas-de-cores-sita/ 0405109/2021 13:23 25 Esquemas de cores inspiradores no website em 2021 (Palelas colorbind-Fisndly) —Colormind Colormind & um gerador de cores alimentado por IA que vocé pode usar para gerar cores para websites, modelos, e mais instantaneamente. A Unica questo é que vocé nao pode definir uma cor priméria para extrapolar urna paleta, vocé tem que geré:-la aleatoriamente toda vez. Ele também pode extrair paletas de cores a partir de qualquer imagem que vooé desejer. Coolors.co hitps:kinsta.com/pUbloglesquemas-de-cores-sitel a05109/2021 13:23 2 Esquemas de cores inspradores no website em 2021 (Palelas colorbind-Fisndly) coors Een = . oo The super fast ‘an color schemes generator! eA me Q « ny 6 e Website iOS App ioe, as Instagram —Coolors.co Coolors.co é uma aplicagdo web e mével que ajuda a gerar paletas a partir do zero. Possui alternativas de sombras para cada op¢ao de cor e outras ferramentas avangadas que ajuda vocé a tomar decisées eficientes sobre seus esquernas de cores Paletton hitps:kinsta comipUbloglesquemas-de-cores-sita/ 2405109/2021 13:23 25 Esquemas de cores inspiradores no website em 2021 (Palelas colorbind-Fisndly) —Paletton Em vez de gerar esquemas aleatérios, Paletton Ihe dé controle total sobre sua paleta e qual cor vocé quer usar como cor base/primeira. Vocé pode escolher 0 tipo de paleta que deseja sejam cores adjacentes, um esquema de cores triddicas, ou outras. Vocé pode selecionar qualquer cor a partir da roda de cores. ColorSpace hitps:kinsta comipUbloglesquemas.de-cores-sita/ sao5109/2021 13:23 26 Esquemas de core inspradores no website em 2021 (Palelas colorblind Fisndly) JUST ENTER A COLORI conic creat = ColorSpace A ColorSpace gera paletas de cores com base em uma cor priméria que vocé insere. Ela oferece uma grande variedade de opgGes de estilo que Ihe dao mais flexibilidade. Color Blindness: Como escolher uma paleta amigavel ao dalténico para seu site Altima coisa a considerar ao criar um esquerna de cores do site é como pessoas diferentes vero as cores. hitps:kinsta.comiplbloglesquemas-de-cores-sitel 301405109/2021 13:23 26 Esquemas de cores inspradores no website am 2021 (Palelascolorblind-Friandly) Normal vision Deuteranopia (@) Protanopia Tritanopia ee — Diferentes tipos de daltonismo Nem todos véern a gama ‘padrao’ de cores. Existem tr€s tipos principais de daltonismo: deuteranopia, protanopia e tritanopia ‘A daltonismo (deuteranopia e protanopia) é a forrna mais comum de daltonismo. Fla afeta cerca de 1 em 12 pessoas de descendéncia do norte da Europa. Com um numero téo grande da populagao afetada por ela, vale a pena considerar ao projetar e/escolher urn terna WordPress. A cegueira de cor azuamarela é muito mais rara e afeta homens e mulheres igualmente hitps:kinsta.comiplbloglesquemas-de-cores-sitel asi402sr0nr02s 13:28 26 Esquemas decors inepradoes no website em 2021 (Pleas clarbind Friendly) Como 0 numero de pessoas dalténicas de cor vermelho-verde é muito maior do que qualquer outra forma de daltonismo, deve ser sua prioridade numero um a abordar com seu projeto. Como eles nao podem separar vermelho, verde e roxo, mas sim vé-los como tons diferentes de arnarelo e azul, vocé quer evitar usar cores contrastantes que acabardo parecendo muito semelnantes. + N&o contraste o verde com o amarelo ou vice versa + No contraste o amarelo com o vermnelho ou 0 laranja + Ndo contraste 0 roxo com tons semelhantes de azul ‘Ao escolher cores primarias auténomas para seu logotipo ou design, vocé deve considerar se ele ainda esté na marca para os consumidores que sdo dalténicos. Por exemplo, o roxo da Kinsta ainda é um azul escuro para os consumidores dalténicos, transmitindo uma mensagem de confiabilidade e confiabilidade. Para nés, isso é 100% na marca, portanto, nd hd conflto potencial na mente de nossas perspectivas 66 Faca seu site se destacar da multidao (e ganhar mais vendas) com 0 esquema de cores correto @) A CLICK To TWEET Resumo 0 olho humano pode ser capaz de separar milhdes de diferentes tonalidades de cor, mas vocé ndo precisa pentear todas as suas opgdes para encontrar urn esquema de cor que funcione para seu site. ‘Ao se concentrar ern sua marca e em seus clientes ideais, vacé pode restringir suas escolhas de cores primarias. Urna vez que tenha suas escolhas, vacé pode contar com geradores de paleta on-line para completar sua prdpria paleta de cores, ou escolher cores correspondentes com base em exemplos e preferéncias. Com a abordagem correta, é possivel criar urn esquema de cores para o website que possa ser usado como ponto de partida de seu processo de design, embora seja muitas vezes necessdrio contratar o desenvolvedor/designer correto da web se vocé quiser obter o visual profissional certo e sentir as necessidades de sua marca hitps:kinsta comipUbloglesquemas-de-cores-sita/ 301405109/2021 13:23 2 Esquemas de cores inspradores no webs sn 2001 (Paola colorlind-Fendy) + Ajuda instantanea de especialistas em hospedagem do WordPress, 24/7. * Integragao do Cloudflare Enterprise. + Alcance global com 28 centros de dados em todo 0 mundo. * Otimizagao com nosso monitoramento integrado de desempenho de aplicativos. Tudo isso e muito mais em um plano sem contratos de longo prazo, migragées assistidas e uma garantia de 30 dias de devolugao do dinheiro, Confira nossos planos ou entre em contato com as vendas com as vendas para encontrar o plano certo para voce. Artigos relacionados Como Acelerar o Seu Site WordPress Melhores Praticas de Web Design para o seu Préximo Projeto de Website Como Alterar Fontes no WordPress (Tamanho, Cor e Otimizar) Comentarios Deine seu comentirio hitps:kinsta comipUbloglesquemas-de-cores-sita/ an405109/2021 13:23 26 Esquemas de core inspradores no website em 2021 (Palelas colorblind Fisndly) Deixe uma resposta Politica de comentéri gastam para compartilhar ideias e moderados manualmente e aqueles considerados spam ou exclusivamente promocionais, : Adoramos os comentarios € agradecemos o tempo que os leitores feedback, No ent: to, todos os comentarios so serdo excluidos. Comente Nome Email Ao enviar este formulério: Vocé concorda com o processamento dos dados pessoais apresentados de acordo com as Politicas de Privacidade da Kinsta, incluindo a transferéncia de dados para os Estados Unidos. Vocé também concorda em receber inforrnagées da Kinsta relacionadas a nossos servigos, eventos e promogées. Vocé pode cancelar sua inscrigdo a qualquer momento, seguindo as instrugdes nas comunicagées recebidas. Cossronai ) hitps:kinsta comipUbloglesquemas-de-cores-sita/ seu405109/2021 13:23 25 Esquemas ds cores inspradores no website em 2021 (Palelas colorblind Fisndly) £B00K VIDEN Como Acelerar o Seu Site WordPress Velocidade é tud e altas, melhores classificacée: vais vendas. Aprenda come tor Premiada plataforma de hospedagem WordPress BS 3G GS Best Easiest Easiest Best Relationship ToUse Admin Usability Leader FALL SmallBusiness FALL FALL 2021 ea 2021 2021 2021 Caracteristicas Centro de recursos Empresa Comparar Kinsta Centro de Afiliados MyKinsta ®fyoe hitpskinsta.comiplbloglesquemas-de-cores-sital 30405109/2021 13:23 25 Esquemas de cores inspradores no website em 2021 (Palelas colorbind-Fisndly) hitps:kinsta comipUbloglesquemas-de-cores-sita/ 4040