Gerador de Paleta de Cores Online Grátis & Criador de Esquemas Cromáticos
Crie paletas de cores lindas e harmoniosas usando a roda de cores e teoria cromática. Gere combinações de cores para design web, identidade de marca e design gráfico. Extraia cores dominantes de qualquer imagem, verifique proporções de contraste WCAG para acessibilidade e exporte como variáveis CSS, SCSS, configuração Tailwind ou JSON.
1Quando usar esta ferramenta?
2Funcionalidades
- 6 tipos de harmonia baseados na teoria da roda de cores
- Extraia paletas de cores dominantes de fotos e imagens
- Visualização em tempo real de códigos HEX, RGB e HSL
- Verificador de contraste WCAG 2.1 integrado para acessibilidade
- Exporte para variáveis CSS, SCSS, Tailwind CSS, JSON
- Trave/destrave cores individuais na sua paleta
- Salve esquemas de cores ilimitados nos favoritos locais
- 100% no navegador—sem upload para servidor, privacidade total
3Como usar
- Escolha uma cor base com o seletor de cores HEX/RGB ou digite um código de cor específico.
- Selecione um tipo de harmonia da roda de cores (Análogas, Complementares, Tríades, Complementares Divididas, Tétrades ou Monocromáticas).
- Clique em 'Gerar' para criar variações aleatórias do esquema de cores.
- Trave as cores que você curtiu enquanto regenera o resto da paleta.
- Verifique as proporções de contraste WCAG para garantir acessibilidade.
- Salve paletas nos favoritos e exporte em formato CSS, SCSS, Tailwind ou JSON.
Perguntas Frequentes
Q. Minhas imagens são enviadas para um servidor?
A. Nunca!Toda a extração e processamento de cores acontece 100% localmente no seu navegador usando JavaScript. Suas fotos e imagens ficam completamente privadas no seu dispositivo—nada é enviado para lugar nenhum.
Q. O que são harmonias de cor na roda cromática?
A. Harmonias de cor são combinações cientificamente comprovadas baseadas em posições na roda de cores. Análogas são tons similares adjacentes, complementares são opostos de alto contraste, tríades são uniformemente espaçadas (vibrantes), e monocromáticas usam variações de um único tom.
Q. Posso usar essas paletas de cores para projetos comerciais?
A. Com certeza! Todos os esquemas de cores que você gerar são seus para usar livremente em projetos pessoais, de clientes ou comerciais sem precisar de atribuição.
Q. Em quais formatos de cor posso exportar?
A. Exporte sua paleta como propriedades customizadas CSS (variáveis), variáveis SCSS/SASS, configuração Tailwind CSS ou JSON. Cada formato inclui códigos de cor prontos para colar no seu projeto.
Q. Como funciona o verificador de contraste WCAG?
A. A ferramenta calcula proporções de contraste entre as cores da sua paleta e fundos branco/preto seguindo as diretrizes WCAG 2.1. Proporções de 4.5:1 ou maiores passam os padrões AA para acessibilidade de texto normal.