Lang
Gerador prático
Gerador de paleta de cores
Crie uma paleta harmoniosa e acessível a partir de uma cor base, fotografia ou ideia aleatória.
HEX · RGB · HSL · OKLCH · WCAG
Estúdio de paletas de cores
Crie uma paleta harmoniosa e acessível a partir de uma cor base, fotografia ou ideia aleatória.
🖼️ Extrair cores de uma imagemA imagem é processada apenas no navegador e não é enviada.
Dica: prima Espaço para gerar novamente.
A sua paleta
Clique num código para o copiar. Bloqueie ou reorganize as cores antes de gerar novamente.
Arraste os cartões ou use as setas para os reorganizar.
Pré-visualização da interface
A sua paleta
Função: Destaque
Um sistema visual mais claro
Teste a paleta num cartão realista com navegação, texto e botão.
Acessibilidade e contraste
–
Tabela de contrastes
Pré-visualização da visão cromática
Pré-visualização aproximada; teste com utilizadores reais e não dependa apenas da cor.
Gerador de gradientes
Exportar paleta
Escolha uma harmonia
Paletas monocromáticas variam um tom. Cores análogas ficam próximas; modos complementares, triádicos e tetrádicos usam relações mais amplas.
Verifique a acessibilidade
Os resultados WCAG incluem texto. Texto normal precisa de 4,5:1 para AA e texto grande de 3:1.
Use o formato adequado
HEX e RGB têm amplo suporte, HSL é prático para ajustes e OKLCH oferece luminosidade e croma percetualmente mais uniformes.
Perguntas sobre o gerador de paletas
O que é uma harmonia de cores?
É uma relação repetível entre tons, como combinações análogas, complementares ou triádicas.
Como tornar uma paleta acessível?
Verifique o contraste entre texto e fundo, não use apenas cor e teste também estados interativos.
A minha imagem é enviada ao servidor?
Não. A extração ocorre localmente no navegador e a imagem não é enviada.
Que formato devo exportar?
Use CSS em sites, SCSS em folhas de estilo, JSON em aplicações ou PNG como referência visual.
Animais, diretório de ferramentas de & para sites digitais
Precisa de outro animal de estimação ou ferramenta digital?
Navegue pela coleção de ferramentas digitais e de animais para idade de cães, idade de gatos, ração para cães, ração para gatos, estimativas de dosagem para pets, paletas de cores, armazenamento de dados, densidade de pixels e conversão de RGB para HEX.