Gerador de paletas de cores
Pressione a barra de espaço para gerar uma nova paleta de cores, trave as cores que quer manter e embaralhe o resto. Ajuste, verifique a acessibilidade e exporte quando estiver satisfeito.
Como usar o gerador de paletas de cores
- Clique no botão Gerar ou pressione a barra de espaço para criar uma nova paleta. Escolha antes uma harmonia, como análoga, tríade ou complementar, se quiser uma estrutura específica.
- Trave as cores de que você gosta com o ícone de cadeado. As cores travadas ficam, enquanto as outras mudam. Clique em um código hex para digitar sua própria cor e use as setas para reordenar.
- Abra Ajustar para mudar matiz, saturação e brilho juntos, Tons para escolher uma variação mais clara ou mais escura de uma cor, ou Acessibilidade para ver as verificações de contraste e de visão de cores.
- Exporte a paleta como CSS, SCSS, Tailwind, JSON, SVG, PDF, design tokens, código Swift, Android ou Flutter e mais, ou salve neste dispositivo.
O que você pode fazer
Travar e embaralhar
Trave qualquer cor e continue gerando. Desfazer e refazer voltam pelas paletas anteriores.
Modos de harmonia
Gere paletas aleatórias, análogas, monocromáticas, em tríade, complementares, complementares divididas ou em tétrade.
De duas a dez cores
Adicione ou remova cores para montar uma paleta de 2 a 10 cores.
Verificações de acessibilidade
Uma matriz de contraste mostra os resultados WCAG e APCA de cada par, e uma verificação de visão de cores aponta cores que ficam parecidas em protanopia, deuteranopia e tritanopia.
Garantias
Defina regras que a paleta deve cumprir, como pares de texto legíveis, segurança para daltônicos ou matizes excluídos, e o gerador cria uma paleta que as atenda.
Visualizar e apresentar
Veja a paleta em um mockup de site no visualizador, crie um sistema de cores a partir dela no Studio ou mostre em tela cheia.
Perguntas frequentes
O que é um gerador de paleta de cores?
Um gerador de paleta de cores cria conjuntos de cores que combinam bem. Você gera uma paleta, mantém as cores de que gosta e troca o resto até o conjunto servir à sua marca, interface ou ilustração. O GetColors pode montar uma paleta a partir de uma regra de harmonia, como análoga ou tríade, para que as cores tenham relação entre si em vez de serem aleatórias.
Como gerar uma paleta de cores?
Abra o gerador e pressione a barra de espaço ou o botão Gerar. Cada toque cria uma nova paleta. Trave as cores que quer manter e gere de novo para trocar só as destravadas.
Como criar uma paleta de cores a partir de uma cor?
Clique em um código hex e digite sua cor, trave-a, escolha uma harmonia como análoga ou complementar e gere. A cor travada permanece e as outras são criadas em torno dela. Você também pode começar por uma foto com o seletor de cores de imagem.
Quantas cores uma paleta pode ter?
De duas a dez. De três a cinco cores são as mais fáceis de aplicar em uma interface ou marca. Use mais para gráficos, ilustração ou uma gama maior de tons.
Como salvar ou compartilhar minha paleta de cores?
A paleta fica guardada no endereço da página, então você pode copiar o link para compartilhar. Salvar a mantém neste dispositivo, e a janela de exportação oferece código e arquivos em vários formatos.