👤 3,163 total uses◯ Free: 5 uses/day • Resets in 9h 53m
Criativo & Design

Gerador de Paleta de Cores

Crie paletas de cores harmoniosas com códigos hexadecimais, valores RGB e diretrizes de uso. Suporta esquemas complementares, análogos, triádicos e específicos da marca.

Saiba mais

Gere paletas de cores bonitas e com propósito para qualquer projeto. Obtenha códigos hex, valores RGB, explicações sobre a psicologia das cores, índices de contraste para acessibilidade e recomendações específicas de uso para as cores primárias, secundárias e de destaque.

0 / 3000

✓ Grátis — sem cadastro e sem cartão de crédito.

Desenvolvedores

Calm palette for a meditation app

Developers and designers who need a cohesive, accessibility-aware palette with clear UI roles.

Ver prévia de entrada e saída

Entrada

Project Description
A meditation and sleep app with guided sessions and soundscapes. We want the UI to feel soothing and reduce screen anxiety, with strong dark-mode support.
Mood
calm
Industry
wellness / health tech
Base Color
deep indigo
Palette Size
5

Saída (trecho)

PALETTE (calm, dark-mode-ready): Midnight Indigo #1B1B3A (primary bg), Twilight #3A3A6A (surface), Moonmist #A9B4D6 (secondary text), Soft Sage #9DC8B6 (calming accent / progress), Warm Sand #E8DCC4 (highlight for CTAs). USAGE: indigo and twilight carry the night theme; sage signals 'breathe/continue'; sand keeps CTAs from feeling clinical. All text pairings clear WCAG AA on their intended backgrounds. Light-mode variant: lift values 30% and swap bg to #F5F4FA.
Profissionais de marketing

Energetic palette for a sports drink brand

Marketers who want a shelf-popping, on-brand palette ready for packaging and digital.

Ver prévia de entrada e saída

Entrada

Project Description
A new electrolyte drink brand targeting young athletes. Packaging, social, and a landing page that should feel high-energy and stand out on a crowded shelf.
Mood
energetic
Industry
sports nutrition / beverage
Base Color
#FF3B30
Palette Size
5

Saída (trecho)

PALETTE (energetic): Voltage Red #FF3B30 (hero), Citrus Punch #FFB300 (secondary), Ion Blue #0091FF (cool contrast), Carbon #14110F (text/depth), Pure White #FFFFFF (negative space). USAGE: red+amber owns the shelf and grabs the thumb-stop on social; ion blue cools the mix so it reads athletic, not candy. Carbon anchors typography for punch. Pairing rule: never red text on amber — use carbon. Great for cans, bold headlines, and a high-contrast landing hero.
Freelancers

Luxurious three-color palette for a boutique hotel

Freelance designers who need a tight, sophisticated palette for a premium hospitality client.

Ver prévia de entrada e saída

Entrada

Project Description
Branding refresh for a boutique coastal hotel — website, signage, and printed welcome materials. Should feel quietly upscale and timeless.
Mood
luxurious
Industry
hospitality
Base Color
Palette Size
3

Saída (trecho)

PALETTE (luxurious, restrained): Deep Brine #14302E (primary — a dark coastal green), Champagne #D9C7A3 (gold-toned neutral for accents and foil), Bone #F2EEE6 (paper/background). USAGE: brine reads expensive and timeless on signage and footers; champagne is the foil/gold-stamp accent for menus and key cards; bone keeps everything breathing. Two-color rule keeps it elegant — never more than a champagne hairline on brine. Pairs beautifully with a high-contrast serif.

Seus resultados de Gerador de Paleta de Cores aparecerão aqui

Espere um texto vívido e cheio de ideias. Gere novamente com ângulos diferentes até algo encaixar.

Como usar Gerador de Paleta de Cores

  1. Descreva seu projeto e seu propósito.
  2. Selecione o humor e a indústria.
  3. Opcionalmente, especifique uma cor base para construir em torno.
  4. Escolha o tamanho da paleta.
  5. Use os códigos hexadecimais e as variáveis CSS diretamente em seu projeto.

Casos de uso

1

Desenhe esquemas de cores para sites e aplicativos

2

Crie diretrizes de cores da marca

3

Desenvolver sistemas de cores para materiais de marketing

4

Crie paletas de cores de UI acessíveis

Dicas para os melhores resultados

  • A regra 60-30-10: 60% primário, 30% secundário, 10% acento cria harmonia visual.
  • Sempre verifique as proporções de contraste para acessibilidade — WCAG AA exige 4.5:1 para texto.
  • Se você tem um logotipo existente, use suas cores como base para sua paleta.
  • O modo escuro não é apenas inverter as cores — a paleta fornece adaptações específicas para o modo escuro.

Perguntas frequentes

Os códigos hexadecimais estão prontos para produção?

Sim — você obtém códigos hexadecimais exatos e valores RGB que pode usar diretamente em CSS, ferramentas de design ou especificações de impressão.

Como garanto acessibilidade?

A ferramenta verifica as proporções de contraste WCAG e a compatibilidade com daltonismo. Sempre verifique se as combinações de texto/fundo atendem aos padrões AA (4.5:1) ou AAA (7:1).

Posso construir em torno de uma cor de marca existente?

Sim! Insira sua cor existente no campo de cor base e a IA construirá uma paleta complementar ao redor dela.

Qual é a diferença entre paletas de 3, 5 e 7 cores?

3 cores são ótimas para designs simples e focados. 5 cores (padrão) cobrem primário, secundário, acento, fundo e texto. 7 cores adicionam mais nuances para UIs complexas e materiais de marketing.

Parte destes fluxos de trabalho

Esta ferramenta é usada em guias passo a passo que ajudam você a fazer mais

🔒
Sua privacidade está protegida

Não armazenamos seu texto. O processamento acontece em tempo real e sua entrada é descartada imediatamente após gerar o resultado.

Desbloquear Acesso Ilimitado

Usuários gratuitos: 5 usos por dia | Usuários Pro: Ilimitado

Obter Pro — $19/mês Navegar por Ferramentas de AI

Ferramentas relacionadas

⚖️ Comparar esta ferramenta

Veja como esta ferramenta se compara lado a lado:

Gerador de Paleta de Cores vs. Gerador de Moodboard Ver comparação →

✍️ Biblioteca de prompts

Prompts prontos para uso — clique em "Usar este" para preencher a ferramenta automaticamente

Escreva um briefing criativo para um projeto de identidade de marca para uma [company type]. Inclua tom, valores e direção visual.

Gere 10 ideias de slogan para uma [brand] que destaquem [key value].

Descreva um conceito de imagem principal (hero) para uma landing page que vende [product]. Inclua cores, atmosfera e composição.

Escreva um briefing de naming de produto para um novo [product type] voltado para [audience].

Crie a descrição de um mood board (5-7 referências visuais) para uma marca de personalidade [brand personality].

🔒

⚡ Prompts Pro

Escreva um conjunto completo de textos de UX…...
Crie um guia abrangente de voz da marca…...
Gere um briefing criativo completo de anúncio para…...
Fazer upgrade para o Pro →

Ferramentas relacionadas

Criativo & DesignGerador de Diretrizes de MarcaCrie documentos abrangentes de diretrizes de marca que cubram o uso do logotipo, padrões…Criativo & DesignGerador de Crítica de DesignObtenha feedback construtivo sobre o design que abranja composição, uso de cores, tipografia, hierarquia,…Criativo & DesignGerador de MoodboardGere descrições detalhadas de moodboard com temas visuais, paletas de cores, referências de texturas…

Testar este agente

Marken-BuilderMarkennamen generieren, Slogan erstellen, Markenstory schreiben und Markenrichtlinien definieren.Testar este agente →

Fluxo relacionado

Wettbewerbsanalyse-BriefingFügen Sie eine Wettbewerber-URL oder einen Text ein → erhalten Sie eine Positionierungsanalyse + eine Auswahlliste…Executar fluxo →