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?
Pegue uma cor pelo seletor ou digite o código HEX direto. Os sliders ajustam brilho e saturação, e os botões de ação rápida fazem o mesmo num atalho. Para copiar o HEX, basta clicar no swatch de resultado.
Ajuste uma cor
Pegar uma cor e gerar uma variação dela, mais clara, mais escura, com mais ou menos saturação, é coisa que aparece o tempo todo em design. A ferramenta aplica esses ajustes a uma cor em HEX, RGB ou HSL e mostra o resultado na mesma hora.
Dá para clarear, escurecer, inverter, desaturar (deixar mais cinza) ou puxar a saturação para cima, com o código se atualizando a cada movimento. Resolve quando você precisa do estado de hover de um botão, de variações de uma cor de marca ou de afinar uma paleta sem ficar chutando valores.
O cálculo roda no navegador e o código já vem pronto para copiar. Uma ferramenta direta para quem mexe com cores em web e design.
Ferramentas Relacionadas
Gerador de Tons de Cor
Gere tons (shades) e matizes (tints) de qualquer cor. Clique para copiar o código HEX, RGB ou HSL. Ideal para sistemas de design.
Cores da Imagem
Carregue uma imagem e descubra a cor de qualquer pixel em tempo real. Passe o mouse para ver HEX, RGB e HSL com lupa. Extrai automaticamente a paleta de cores dominantes.
Seletor de Cor
Escolha uma cor e obtenha os valores em HEX, RGB e HSL com um clique para copiar.