Roda de Cores e Gerador de Paletas Gratuitos

Banani’s Color Wheel e o gerador de paletas de cores ajudam você a encontrar combinações de cores incríveis na hora. Use grátis o nosso seletor de cores online em HEX ou RGB para design de UI, websites, branding, apresentações e projetos criativos!

Diretório selecionado de recursos de design gratuitos para ajudar designers e desenvolvedores a criar interfaces de usuário melhores.

Escolha uma cor

HEX

Palette type

Your Palette

Como usar um gerador de paleta de cores?

Escolha uma cor

Escolha uma cor base usando o círculo cromático ou um código HEX/RGB.

Selecione o tipo de paleta

Clique numa paleta complementar, dividida ou monocromática.

Copiar e aplicar

Use a sua paleta de cores personalizada em design de UI, PPTs ou branding.

Quem usa um gerador de paletas de cores?

Geradores de paletas de cores online são usados por vários profissionais criativos e estudantes. Por exemplo, PMs usam para design de UI rápido, vibe coders usam para criar esquemas de cores consistentes em seus construtores de apps com IA, e estudantes para aprender fundamentos de UI/UX.

O que é uma roda de cores?

Uma roda de cores é um gráfico circular que mostra a relação entre todas as cores visíveis aos humanos. Ajuda designers, artistas e criadores a entender a teoria das cores, explorar harmonias cromáticas e criar combinações de cores equilibradas.

Quem inventou a roda de cores?

Isaac Newton inventou a roda de cores em 1666 ao mapear o espectro da luz visível num formato circular. Ela lançou as bases da teoria moderna da cor e dos princípios de design.

Como usar a roda de cores?

Comece selecionando uma cor base na roda. Use regras de harmonia de cores para encontrar combinações que funcionam. Com a nossa ferramenta gratuita de roda de cores, pode gerar paletas instantaneamente com base nestas regras. Pode ir mais longe com vibe designing com o Banani AI.

Design com vibe com Banani

grátis

O que é teoria das cores?

Já se perguntou como designers e artistas criam paletas de cores perfeitas? Eles recorrem à teoria das cores, uma combinação de arte e ciência que ajuda a definir quais cores funcionam bem em conjunto. O conceito da roda de cores é a base da teoria das cores.

Harmonia de Cores

Cores que funcionam bem juntas criam o que se chama de "harmonia de cores". Designers usam essas harmonias para alcançar efeitos visuais específicos. A roda de cores ajuda a identificar essas harmonias por meio de várias regras de combinação de cores, permitindo criar paletas agradáveis e eficazes.

Quais são os principais tipos de harmonias de cores?

Há 4 tipos principais de harmonias de cores: monocromática, análoga, complementar, complementar dividida e triádica.

Quais são os principais tipos de harmonias de cores?

Há 4 tipos principais de harmonias de cores: monocromática, análoga, complementar, complementar dividida e triádica.

Tipos de círculos cromáticos

Roda de Cores RYB
Usada por artistas para misturar tintas. Inclui cores primárias (vermelho, amarelo, azul), secundárias (laranja, verde, roxo) e terciárias (vermelho-alaranjado, amarelo-alaranjado, etc.).

Roda de Cores RGB

Criada para ecrãs digitais e uso online, focada na mistura de luz. Inclui cores primárias (vermelho, verde, azul) e secundárias (ciano, magenta, amarelo).

Roda de Cores RGB

Projetada para telas digitais e uso online, com foco na mistura de luz. Inclui cores primárias (vermelho, verde, azul) e secundárias (ciano, magenta, amarelo).

Combinações de Cores

Cores Complementares

Cores posicionadas diretamente opostas no círculo cromático, criando alto contraste e visuais vibrantes.

Cores Monocromáticas
Diferentes matizes, tons e nuances de uma única cor base, oferecendo um visual sutil e coeso.

Cores Análogas

Três cores adjacentes no círculo cromático, criando um esquema harmonioso, mas potencialmente intenso. Use uma cor dominante e as outras como acentos.

Cores Triádicas

Três cores igualmente espaçadas no círculo cromático, oferecendo alto contraste, mas com mais equilíbrio que os esquemas complementares.

Cores Tetrádicas

Quatro cores igualmente espaçadas ao redor do círculo, formando um retângulo. Este esquema funciona melhor quando você precisa de uma cor dominante e outras de acento.

Cores Complementares Divididas

Uma cor base combinada com as duas cores adjacentes à sua complementar, criando contraste com um resultado mais suave.

Cores complementares

Cores opostas no círculo cromático, criando alto contraste e visuais vibrantes.

Cores monocromáticas
Diferentes tons, matizes e variações de uma única cor base, dando um visual sutil e coeso.

Cores análogas

Três cores adjacentes no círculo cromático, criando um esquema harmônico, mas potencialmente excessivo. Use uma cor dominante e as outras como acentos.

Cores triádicas

Três cores igualmente espaçadas no círculo cromático, oferecendo alto contraste, mas com mais equilíbrio que os esquemas complementares.

Cores tetrádicas

Quatro cores igualmente espaçadas no círculo cromático, formando um retângulo. Este esquema funciona melhor quando você precisa de uma cor dominante e outras de acento.

Cores complementares divididas

Uma cor base combinada com as duas cores adjacentes ao seu complementar, criando contraste com um toque mais suave.

Como crio um esquema de cores complementares?

Na nossa roda de cores, escolha uma cor base e depois selecione a cor diretamente oposta para criar um esquema de cores complementar.

Esquemas de cores complementares criam forte contraste, visuais vibrantes e paletas equilibradas, muito usadas em interfaces populares de apps móveis.

Na nossa roda de cores, escolha uma cor base e depois selecione a cor diretamente oposta para criar um esquema de cores complementar.

Esquemas de cores complementares criam forte contraste, visuais vibrantes e paletas equilibradas, muito usadas em interfaces populares de apps móveis.

O que é a regra de cores 60/30/10/10?

A regra 60/30/10/10 ajuda a equilibrar as cores no design. A ideia é usar 60% de cor primária, 30% de cor secundária e duas cores de destaque de 10% para criar um design visualmente equilibrado. É uma das regras de design mais fundamentais e universais aplicadas por artistas visuais profissionais.

Usando o Banani AI, você pode criar UI seguindo a regra 60/20/10/10 ou outras regras de cor, simplesmente com um prompt de texto.

Use regras de cor na UI

grátis

Categorias de cores

Cores primárias

Na roda RGB: vermelho, verde, azul. Essas cores se misturam para criar luz branca. Na roda RYB: vermelho, amarelo, azul. Estas são cores fundamentais que se misturam para criar cores secundárias.

Cores secundárias

Na roda RGB: ciano, magenta, amarelo.

Na roda RYB: roxo, laranja, verde.

Cores terciárias

Cores criadas ao misturar uma cor primária com uma cor secundária, adicionando complexidade à sua paleta.

Cores primárias

Na roda RGB: vermelho, verde, azul. Estas cores misturam-se para criar luz branca. Na roda RYB: vermelho, amarelo, azul. Estas são cores fundamentais que se misturam para criar cores secundárias.

Cores secundárias

Na roda RGB: ciano, magenta, amarelo.

Na roda RYB: roxo, laranja, verde.

Cores terciárias

Cores criadas ao misturar uma cor primária com uma cor secundária, acrescentando complexidade à sua paleta.

Sombras, Tintas e Tons

Sombra

Criado ao adicionar preto a uma cor base, resultando numa cor mais escura e mais dramática.

Tom claro

Formado ao adicionar branco a uma cor base, tornando a cor mais clara e suave.

Tom

Produzido ao misturar preto e branco (ou cinzento) com uma cor base, criando uma versão mais nuances da cor.

Sombra

Criada ao adicionar preto a uma cor base, resultando numa cor mais escura e dramática.

Tinta

Formada ao adicionar branco a uma cor base, deixando a cor mais clara e suave.

Tom

Produzido ao misturar preto e branco (ou cinza) com uma cor base, criando uma versão mais nuançada da cor.

Cores Quentes e Frias

Cores quentes

Vão do vermelho ao amarelo, evocando sensação de calor e energia.

Cores frias

Vão do azul ao verde e ao roxo, associadas à calma e tranquilidade.

Cores quentes

Vão do vermelho ao amarelo, evocando sensação de calor e energia.

Cores frias

Vão do azul ao verde e ao roxo, associadas à calma e tranquilidade.

Matiz, Saturação e Luminosidade

Matiz

Qualquer cor individual na roda de cores.

Saturação

A intensidade ou pureza da cor.

Luminância

O brilho ou a escuridão da cor.

Matiz

Qualquer cor individual na roda de cores.

Saturação

A intensidade ou pureza da cor.

Luminância

O brilho ou a escuridão da cor.

FAQs

Quantas cores há na roda cromática?

A roda cromática padrão tem 12 cores: 3 primárias, 3 secundárias e 6 terciárias, organizadas em formato circular para mostrar relações e harmonias de cor.

Como funciona o gerador de paletas de cores?

Um gerador de paletas usa regras da teoria das cores para criar combinações que combinam a partir de uma cor base selecionada. Pode gerar paletas complementares, monocromáticas, análogas, triádicas e personalizadas instantaneamente.

Quais são boas combinações de 3 cores?

É subjetivo, mas as combinações de 3 cores mais populares incluem azul-branco-laranja, preto-branco-vermelho, verde-bege-castanho e azul-marinho-ciano-roxo. Use estas e mais em UI mobile/web com Banani AI.

Como partilho as minhas paletas de cores personalizadas?
Usando um gerador de paletas de cores, pode copiar códigos HEX ou RGB, exportar paletas ou partilhar capturas de ecrã. Se quiser usar a sua paleta na geração real de UI, o Banani permite gerar interfaces com as suas cores personalizadas e partilhá-las através de links de pré-visualização.

O ChatGPT consegue dizer-me a minha paleta de cores?

Sim, ChatGPT pode sugerir paletas de cores com base em humores, temas, marcas ou imagens de referência. Para aplicar cores com IA em designs de UI, ferramentas como Banani funcionam melhor.

Qual é o rácio de contraste ideal para acessibilidade?

Para acessibilidade, as WCAG recomendam um rácio de contraste mínimo de 4,5:1 para texto normal e 3:1 para texto grande ou elementos de UI, para garantir legibilidade em dispositivos e utilizadores.

Existe uma IA para gerar UI com a combinação de cores desejada?

Sim. Ferramentas de UI com IA como o Banani podem gerar interfaces usando as combinações de cores preferidas, paletas de marca ou estilos de referência. Pode aplicar cores personalizadas a um novo design de UI ou a uma captura de ecrã de UI existente – basta conversar com a sua IA.

Diretório selecionado de recursos de design gratuitos para ajudar designers e desenvolvedores a criar interfaces de usuário melhores.

Precisa de inspiração de cores?

Navegue e edite os apps mais bem desenhados para poupar tempo na pesquisa de paletas de cores.

Explorar apps