Gerador de paleta de cores
Escolha uma cor base e um esquema para criar uma paleta de duas ou três cores. Use matizes complementares, análogos, triádicos ou complementares divididos; depois, copie códigos HEX individuais ou salve a lista como texto.
O que você pode fazer
Crie paletas com quatro esquemas
Escolha matizes complementares, análogos, triádicos ou complementares divididos, mantendo a saturação e a luminosidade da cor base.
Obtenha o código de cada cor
Revise as amostras e os códigos HEX, copie cada código ou salve a lista na ordem de exibição como palette.txt.
Use um candidato como a próxima base
Selecione "Usar como base" em um candidato e depois gere uma nova paleta.
Como usar
Insira a cor base
Escolha HEX, RGB, HSL, HSV ou CMYK e insira seus valores, ou use o seletor de cores.
Escolha um esquema
Complementar produz duas cores. Análogo, triádico e complementar dividido produzem três.
Crie uma paleta
Selecione "Criar paleta" para revisar as amostras e os códigos HEX. Alterar o esquema após a geração atualiza a paleta a partir da cor base confirmada.
Obtenha os códigos
Copie códigos individuais, copie todos ou salve como TXT. Gere novamente após alterar a cor base.
Quando isso ajuda
Explore candidatos a cores de destaque
Use uma cor base da sua página ou design para comparar diferentes relações de matiz.
Guarde os códigos da paleta nas suas anotações
Copie ou salve a lista HEX na ordem de exibição para usar em uma ferramenta de design.
Esquemas de cores e limites de saída
Quatro relações de matiz
Complementar usa um matiz 180 graus em relação à base. Análogo usa matizes 30 graus de cada lado, triádico usa passos de 120 graus e complementar dividido usa deslocamentos de 150 e 210 graus. No análogo, a cor base aparece no meio.
A saturação e a luminosidade permanecem iguais
A paleta desloca o matiz em HSL, mantendo a saturação e a luminosidade. Os resultados são arredondados para RGB de 8 bits e exibidos como HEX. Cores acromáticas podem produzir valores HEX repetidos; a quantidade de cores e a ordem são mantidas.
Verifique a legibilidade separadamente
Paletas baseadas em matiz não garantem contraste de texto ou legibilidade. Use o verificador de contraste para cada par de texto e fundo.
Perguntas e respostas
Por que a mesma cor pode aparecer mais de uma vez?
Alterar o matiz pode produzir valores HEX idênticos em cores acromáticas. Os resultados não são ajustados nem deduplicados; a quantidade de cores e a ordem do esquema são mantidas.
Copiar uma cor altera a cor base?
Copiar não altera isso. "Usar como base" muda a entrada para HEX e limpa a paleta anterior. Selecione "Criar paleta" para gerar novamente.
Posso salvar variáveis CSS ou uma imagem?
A saída se limita a copiar códigos HEX e salvar palette.txt. Variáveis CSS e exportação de imagem não são oferecidas.
Entrada e saída
- Entrada
- Cor base em HEX, RGB, HSL, HSV ou CMYK, ou uma cor selecionada. Alfa não é compatível.
- Esquema
- Complementar, análogo, triádico ou complementar dividido.
- Saída
- Dois ou três códigos HEX. Copie-os ou salve-os como palette.txt, um por linha, na ordem de exibição.