Como usar
- Clique em Escolher um arquivo ou arraste uma foto para a caixa. A foto é lida no seu dispositivo.
- Escolha os Degraus de valor: 2 para um notan (só claro e escuro), 5 ou 7 para um estudo de valores mais completo.
- Marque Vista semicerrada para desfocar a imagem antes, depois observe as grandes formas de luz e sombra.
- Compare o Estudo de valores com o Original, e use Baixar o estudo de valores (PNG) para guardar o PNG.
Como os tons de cinza e os degraus são feitos
Cada pixel recebe a sua luminância relativa, a medida de brilho das diretrizes de acessibilidade WCAG 2.1: os valores de vermelho, verde e azul são linearizados e ponderados por 0,2126, 0,7152 e 0,0722. O resultado vai de 0 para o preto a 1 para o branco.
Os degraus de valor são iguais na escala de claridade L* do CIE, que acompanha como vemos o brilho. Cada degrau é então desenhado no cinza que parece o meio daquele degrau, de modo que o estudo mostra os mesmos degraus que você veria a olho nu.
Y = 0,2126 R + 0,7152 G + 0,0722 B (R, G, B lineares, de 0 a 1)
L* = 116 × Y^(1/3) − 16 (para Y acima de 0,008856)
Degraus: a faixa de L* de 0 a 100 é cortada em partes iguais
Dois valores, a vista semicerrada e o que a foto deixa de fora
Dois valores é um notan: um padrão preto e branco de formas claras e escuras, que pintores usam para checar o desenho de uma imagem antes de qualquer cor. Cinco ou sete degraus mostram mais dos valores intermediários, onde costumam se esconder a maior parte dos problemas de pintura.
A vista semicerrada borra a imagem antes de os degraus serem feitos, como o pintor que semicerra os olhos para perder o detalhe. O borrão tem cerca de 2% do lado menor. O estudo trabalha com a foto como ela é, então as luzes de uma superfície brilhante ou de um flash podem parecer mais escuras ou mais claras do que o olho vê no ambiente.
- A foto é analisada como uma cópia de até cerca de 2 megapixels; o PNG que você baixa é essa cópia.
- A cor é ignorada: um vermelho e um verde de mesma claridade dão o mesmo degrau.
Exemplo resolvido: um cinza médio de 128
Um cinza com valor sRGB 128 tem luminância relativa de 0,2159. Seu L* é 116 × 0,2159^(1/3) − 16 = 53,6, logo acima do meio da escala.
Em um notan de dois valores, 53,6 cai no degrau claro, desenhado no cinza 185. Em um estudo de cinco degraus, cai no degrau do meio, desenhado no cinza 119, porque os degraus têm 20 de L* de largura e este valor é o terceiro de cinco.
| Degraus de valor | Degrau para L* 53,6 | Desenhado no cinza |
|---|---|---|
| 2 (notan) | claro (2º) | 185 |
| 5 | meio (3º) | 119 |
Perguntas frequentes
Por que o estudo usa degraus de L* em vez de luminância simples?
Degraus iguais de luminância parecem desiguais: a diferença entre os dois degraus mais escuros parece bem maior que entre os dois mais claros. O L* é espaçado para acompanhar como vemos a claridade, então cada degrau parece tão distante do vizinho quanto o seguinte.
O que é um notan?
Um notan é um estudo em dois valores, claro e escuro, usado para organizar o desenho de uma imagem antes da cor. O artigo Notan da Wikipédia (em inglês) o descreve como um arranjo de claros e escuros que começa com um esboço preto e branco de dois valores.
Por que desfocar a foto na vista semicerrada?
O borrão tira o detalhe fino, para que as grandes formas de luz e sombra se destaquem. É o que o pintor vê ao semicerrar os olhos para um motivo, e mostra se as massas principais estão certas.
A minha foto é enviada para algum servidor?
Não. A foto é lida pelo seu navegador e o estudo é feito no seu dispositivo. Nada do que você escolhe é enviado para nós.
Quantos degraus de valor devo usar?
Dois degraus conferem o desenho geral, três ou cinco servem para a maioria dos estudos, e sete mostram gradações finas. Comece com cinco e passe a um notan quando a estrutura de valores estiver clara.
Fontes
- W3C: Understanding WCAG 2.1, contraste (mínimo), definição de luminância relativa (em inglês)
- Wikipédia (em inglês): espaço de cor CIELAB (claridade L* e o ponto branco D65)
- Wikipédia (em inglês): Notan (estudo de desenho em claro e escuro)
Números e texto verificados pela última vez em terça-feira, 10 de novembro de 2026.