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
Crie paletas complementares, análogas, triádicas ou monocromáticas e exporte HEX, CSS e JSON.
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.
Ferramentas relacionadas
Verificador de contraste
Confira o contraste conforme WCAG 2.2, com prévia e resultados AA e AAA para texto normal e grande.
Gerador de gradientes CSS
Monte gradientes lineares ou radiais com dois a oito pontos de cor, prévia ao vivo e CSS para copiar.
Gerador de sombras CSS
Ajuste deslocamento, desfoque, expansão, cor e opacidade para criar uma sombra externa ou interna em CSS.
Comentários
0