Sete paletas iniciais
Comece com Material, Tailwind, Pastel, Retrô, Neon, Terra ou Oceano e ajuste as cores ao seu projeto.
Gerador de paletas de cores
Monte uma paleta, edite as cores e organize a ordem. Salve ou exporte o resultado para usar no seu projeto.
Selecionar modo
Paletas predefinidas
Hex
#776487
Hex
#63B04F
Hex
#AC38B7
Hex
#63886D
Mais ações
Ferramentas relacionadas
Suas estatísticas
0
Cores escolhidas
0
Paletas exportadas
0
Gradientes criados
0
Contrastes verificados
Seletor de cores
Modo mais usado
0%
Pontuação de atividade
Como criar uma paleta de cores
Não foi possível carregar o vídeo. Você pode seguir as instruções abaixo.
O vídeo mostra a interface em inglês.
Escolha, por exemplo, Pastel ou Oceano, ou clique em Paleta aleatória. Observe as cores juntas antes de editar. A geração aleatória oferece combinações para ajustar, mas não verifica se atendem a requisitos específicos do design.
Monte uma paleta para reutilizar
Cores aleatórias com bloqueio
Bloqueie as cores que deseja manter. Ao gerar outra paleta aleatória, apenas as cores desbloqueadas serão substituídas.
Edite as cores e a ordem
Edite, adicione ou remova cores. Arraste os cartões para mudar a ordem.
Mostrar mais 3Mostrar menos
Arquivos e variáveis CSS
Exporte a paleta em PNG, JPG ou SVG, com rótulos HEX e RGB se precisar. Baixe o JSON ou copie as cores como variáveis CSS.
Predefinições com nome
Salve uma paleta com nome neste navegador. Ao reabrir a página, a paleta de trabalho que não foi salva volta para Material.
Outras ferramentas de cores
Abra Cores da imagem para obter uma paleta de uma foto. O seletor de modo também dá acesso à seleção de cores, aos gradientes e à verificação de contraste.
Perguntas frequentes
Como criar uma paleta de cores?
Escolha uma paleta predefinida ou gere cores aleatórias. Edite as amostras, bloqueie as cores que quer manter antes de gerar outra paleta e arraste os cartões para ordená-los. Exporte o resultado ou salve com um nome.
Posso gerar uma paleta aleatória?
Sim. Paleta aleatória substitui as cores desbloqueadas. As bloqueadas permanecem, permitindo manter uma cor inicial e experimentar diferentes combinações.
Posso criar uma paleta a partir de uma foto?
Abra Cores da imagem no seletor de modo. Essa ferramenta obtém as cores predominantes de uma imagem compatível. O gerador de paletas serve para editar um conjunto de amostras de cor.
Quais paletas predefinidas estão incluídas?
Material, Tailwind, Pastel, Retrô, Neon, Terra e Oceano. Cada uma oferece quatro cores iniciais. Elas não são um sistema de design completo nem garantem acessibilidade.
Mostrar mais 4Mostrar menos
Quais formatos de exportação estão disponíveis?
Baixe a paleta em PNG, JPG ou SVG, com rótulos HEX e RGB opcionais, ou em JSON com os valores HEX e RGB. Você também pode copiar as variáveis CSS. A largura do PNG e do JPG é ajustável. A exportação contém a paleta, não o design completo.
Posso bloquear e reordenar as cores?
Sim. O cadeado de uma amostra mantém sua cor durante a geração aleatória. Arraste um cartão pela alça para mudar a ordem. Os botões HEX e RGB alteram o formato de exibição dos valores.
O gerador de paletas é gratuito?
Sim, o MORELESS oferece a ferramenta sem conta. Salve a paleta com um nome para mantê-la neste navegador e exporte uma cópia de segurança.
Minha paleta estará aqui na próxima vez?
As predefinições com nome ficam salvas neste navegador pelo IndexedDB. A paleta de trabalho não salva volta para Material ao reabrir a página. Limpar os dados do site pode apagar as predefinições salvas. Elas não são sincronizadas entre dispositivos.
Detalhes técnicos
Paletas predefinidas e cores aleatórias
Cada uma das sete paletas predefinidas contém quatro cores. A geração aleatória escolhe matiz, saturação e luminosidade e converte esses valores em cores RGB. Os bloqueios preservam as cores pelo valor HEX ao gerar outra paleta.
Edição das amostras de cor
Os cartões podem ser editados, adicionados, removidos e reordenados. HEX e RGB representam as mesmas cores em formatos diferentes. Modo de foco exibe a paleta em faixas verticais maiores.
Mostrar mais 2Mostrar menos
Formatos de exportação
A largura do PNG e do JPG pode ser ajustada de 120 a 7680 px. A altura corresponde a cerca de um sexto da largura. O SVG usa um espaço de coordenadas de 1200 × 200. As imagens podem incluir rótulos HEX e RGB. O CSS é copiado como propriedades personalizadas numeradas. O JSON contém valores HEX e RGB.
Predefinições com nome neste navegador
As paletas com nome são salvas no banco IndexedDB compartilhado do Color Studio. A paleta de trabalho não salva não é restaurada ao reabrir a página. Exporte cópias antes de limpar o armazenamento do navegador.