Gerador de paleta de cores
Escolha uma cor para obter tons mais claros e escuros com códigos hex.
Gerador de paleta de cores
Escolha uma cor base e obtenha uma paleta de tons claros e escuros — versões mais claras e mais escuras — cada uma com o seu código hex. Perfeito para criar escalas de cor de interface, estados hover e variantes acessíveis a partir de uma única cor de marca.
Tons e sombras
Um tom claro mistura a cor com branco; uma sombra mistura-a com preto. O quadrado central é a sua cor exata. Use tons claros para fundos e sombras escuras para texto ou bordas, mantendo o contraste.
Perguntas frequentes
Em que formato estão os códigos? Hex (ex. #146c43), prontos a colar no CSS.
A minha cor sai da página? Não — a paleta é gerada localmente no seu navegador.