Gerador de paletas de cor
Crie uma paleta baseada em harmonia que pode bloquear e regenerar, estilo Coolors, com copiar todos os HEX.
Ferramentas relacionadas
Todas as ferramentas: Cores e CSS →Gerador de paletas de cor usa-se gratuitamente, as vezes que quiseres, diretamente nesta página. Encontra-la em Cores e CSS, com Verificador de contraste de cor e Inversor de cor para os casos vizinhos.
Como usar
- Abra a ferramenta — sem registo nem instalação.
- Introduza os seus dados ou ajuste as opções disponíveis.
- Obtenha o seu resultado ao instante e copie-o ou descarregue-o.
Perguntas frequentes
Para que serve Gerador de paletas de cor?
Crie uma paleta baseada em harmonia que pode bloquear e regenerar, estilo Coolors, com copiar todos os HEX.
Em que casos se usa na prática?
Levar uma cor de uma ferramenta de design para uma folha de estilos, construir uma paleta em torno de uma cor de marca e verificar se o texto será legível sobre ela.
Qual é o erro mais comum?
Avaliar o contraste a olho. Duas cores que parecem distintas num monitor luminoso podem falhar claramente o rácio de acessibilidade, e é esse rácio que uma auditoria vai medir.
Em que difere Gerador de paletas de cor de Verificador de contraste de cor?
Estão próximos mas respondem a perguntas diferentes: Verificador de contraste de cor é o que deves abrir quando se trata de rácio de contraste WCAG entre texto e fundo, com aprovado/reprovado AA/AAA e uma pré-visualização. Escolhe o que corresponde ao teu ponto de partida — ambos são gratuitos.
Existe uma ferramenta para o passo seguinte?
Inversor de cor é o mais próximo a seguir a este: Inverta uma cor (255 − RGB) ou obtenha a complementar, em HEX/RGB/HSL/CMYK com o contraste.
Que mais vale a pena ter aberto ao lado?
Gerador de esquemas de cor e Seletor de cor de imagem — surgem na mesma tarefa com frequência suficiente para merecerem outro separador.
De onde vêm os dados?
As conversões entre HEX, RGB e HSL são exatas. O contraste segue a fórmula de luminância relativa da WCAG 2; o CMYK depende do dispositivo, pelo que um valor no ecrã é uma aproximação do que será impresso.