1001Ferramentas
🎨 Utilitários

Ajustar Cor

Clareie, escureça, inverta, desature ou ajuste a saturação de uma cor HEX, RGB ou HSL. Veja o resultado em tempo real com o código da cor resultante.

Original

Resultado

Como usar?

Escolha uma cor com o seletor ou digitando o código HEX. Use os sliders para ajustar brilho e saturação, ou clique nos botões de ação rápida. Clique no swatch de resultado para copiar o HEX.

Ferramentas Relacionadas

Ajuste uma cor

Partir de uma cor e gerar uma variação dela — mais clara, mais escura, mais ou menos saturada — é uma necessidade constante em design. Esta ferramenta aplica esses ajustes a uma cor em HEX, RGB ou HSL, mostrando o resultado na hora.

Você pode clarear, escurecer, inverter, desaturar (deixar mais cinza) ou aumentar a saturação da cor, com o código atualizado a cada ajuste. É perfeita para criar estados de hover de um botão, gerar variações de uma cor de marca ou afinar uma paleta sem chutar valores.

O cálculo roda no navegador, na hora, com o código pronto para copiar. Uma ferramenta direta para quem trabalha com cores em web e design.