Gerador de Paleta de Cores
Gere uma paleta de 5 cores e clique em qualquer amostra para copiar o valor HEX, RGB ou HSL.
Escolhendo um estilo de paleta
Paletas análogas usam matizes vizinhos no círculo cromático para um efeito harmonioso. Paletas monocromáticas variam apenas a luminosidade para um visual limpo e coeso. Paletas complementares combinam matizes opostos para alto contraste, e paletas aleatórias são úteis para inspiração rápida ou exploração visual.
Gerado localmente, no seu navegador
Cada cor é calculada com matemática HSL simples diretamente no seu dispositivo — nada é enviado a um servidor.
Perguntas frequentes
Como uso essas cores em CSS?
Copie o valor HEX, RGB ou HSL e cole diretamente em qualquer propriedade de cor do CSS, como background-color ou color.
Posso travar a paleta em um matiz específico?
Sim, mude para o modo Análoga, Monocromática ou Complementar e use o controle deslizante de matiz para ancorar a paleta em uma cor que você goste.
Essas paletas são acessíveis para contraste de texto?
Não automaticamente — sempre verifique combinações de cor de texto e fundo separadamente contra as diretrizes de contraste do WCAG.
Ferramentas Relacionadas
Você também pode precisar destas para a mesma tarefa.
Monte gradientes CSS lineares ou radiais visualmente e copie o código pronto para usar.
Abrir ferramentaVerifique a relação de contraste WCAG entre texto e fundo para acessibilidade AA e AAA.
Abrir ferramentaAltere largura e altura em pixels ou porcentagem e corte fotos em proporções padrão.
Abrir ferramentaCrie um QR Code Pix Copia e Cola com valor, nome e cidade em segundos.
Abrir ferramenta