Pular para o conteúdo

Brilho e ajuste de cor

Brightness & Colour Adjust

Ajusta brilho, contraste, saturação, temperatura e nitidez com um histograma ao vivo.

Duas famílias de ajuste que costumam ser misturadas e não deveriam. O grupo de cima são as funções de filtro do CSS, calculadas exatamente como a especificação as define, então o CSS impresso embaixo produz a mesma imagem em um navegador. O grupo de baixo é fotográfico — exposição, balanço de branco, gama — e trabalha em luz linear, onde essas operações são de fato definidas.

🔒 Roda inteiramente no seu navegadorfilteradjustphotocolor

Solte uma foto

Os ajustes rodam nesta aba. Imagens grandes levam um instante; nada é enviado.

Como usar

  1. Ajuste e copie o CSS

    Qualquer coisa do grupo de cima aparece na string de filter abaixo do painel. Cole-a em uma folha de estilos e o navegador vai renderizar o que você vê aqui.

  2. Use exposição em vez de brilho para uma fotografia

    A exposição é em stops: +1 dobra a luz, o que não é o mesmo que dobrar o valor do pixel. Em uma fotografia ela se comporta como uma câmera.

  3. Observe os números de clipping

    Um pico em qualquer uma das pontas do histograma é um intervalo em 256 e invisível no gráfico, então as porcentagens são impressas ao lado.

Perguntas frequentes

Por que brilho e exposição estão os dois aqui?

São operações diferentes. `brightness()` multiplica os valores de código sRGB, que é o que um navegador faz; a exposição multiplica a luz, que é o que uma câmera faz. A primeira é reproduzível em CSS e a segunda é correta em uma fotografia.

Consigo recuperar o céu estourado?

Não. Estourado significa que cada pixel ali é 255 e não sobrou nada para distinguir. Baixar a exposição transforma o branco em cinza sem trazer de volta nenhuma nuvem.

O que a vibração (vibrance) faz que a saturação não faz?

Ela pondera o aumento por quão saturado o pixel já está, então um céu apagado se move muito e os tons de pele se movem pouco. A saturação simples move tudo igualmente, que é o que deixa os rostos alaranjados.

Pode receber de

Em seguida

Estas aceitam o que esta ferramenta produz, então o resultado pode ir direto.