Conversor de cores
Converta HEX, RGB e HSL com transparência, veja a amostra e copie valores CSS prontos para usar.
Gerador de paletas de cores
Crie paletas complementares, análogas, triádicas ou monocromáticas e exporte HEX, CSS e JSON.
Clique em uma cor para copiar o HEX. O texto usa preto ou branco, conforme o maior contraste WCAG. As cores geradas são opacas.
Sobre a ferramenta
Explore cores para uma interface e leve sua seleção à folha de estilos.
Como usar
Digite uma cor HEX, RGB ou HSL ou use o seletor. Escolha a harmonia, clique na amostra para copiar HEX ou exporte a paleta em variáveis CSS ou array JSON.
As harmonias mudam matiz ou luminosidade HSL; as cores são opacas. Os rótulos usam preto ou branco conforme o maior contraste WCAG. Isso não garante todas as combinações: confira os pares reais de texto e fundo no verificador de contraste.
Perguntas frequentes
Todas as combinações têm contraste acessível?
Não. Cada cartão informa o contraste do fundo com o texto preto ou branco escolhido. Verifique separadamente os pares reais de primeiro plano e fundo.
Por que diferentes harmonias produzem os mesmos tons de cinza?
Uma base cinza não tem saturação, então girar o matiz não cria diferenças visíveis de cor. Escolha uma base mais saturada para harmonias complementares, análogas ou triádicas. O modo monocromático altera a luminosidade e ainda pode criar gradações de cinza úteis. As cores exportadas são opacas.
Ferramentas relacionadas
Abre em uma nova aba
Comentários
0