Como usar: Visualizador de Referências
- Solte uma ou mais imagens. Cada uma abre na sua própria aba.
- Role ou faça pinça para dar zoom no cursor e arraste para mover. Ajustar e 1:1 estão a um clique.
- Passe o mouse para ler hex, RGB e HSV sob o cursor. Clique para adicionar a cor à sua paleta coletada.
- Use a escala de cinza para checar os valores e o espelhamento para checar as proporções.
- Extraia 8, 16 ou 32 cores dominantes e depois copie ou exporte a paleta em .gpl ou .hex.
O que você recebe
- Paleta coletada como lista hex, .gpl ou .hex
- Cores dominantes da imagem inteira
Dicas de quem faz jogos com ela
- A visão em escala de cinza mostra se o seu sprite funciona só pelo valor. Se as formas se fundem, ajuste a luminosidade, não o matiz.
- Espelhar a referência (e o seu próprio desenho) é o truque mais antigo para encontrar proporções tortas.
- Pegue cores de uma área iluminada e de uma área na sombra do mesmo material para ver como o artista original variou o matiz.
- As imagens ficam só na memória desta aba. Fechar a página apaga tudo.
Casos de uso
- Estudar pixel a pixel os sprites dos jogos que você admira
- Pegar cores de concept art enquanto desenha
- Checar o valor dos seus próprios sprites em escala de cinza
- Montar uma paleta a partir de um mood board
Perguntas frequentes
Posso abrir várias referências?
Sim. Solte vários arquivos de uma vez ou adicione mais depois; cada um abre numa aba.
Até quanto dá para dar zoom?
De 10% até 64×. Acima de 6× você pode mostrar uma grade de pixels.
Como pego uma cor sem mexer na visualização?
Um clique sem arrastar pega a cor. Arrastar move a visualização.
De onde vêm as cores extraídas?
De um k-means perceptual sobre todos os pixels da imagem, ordenado do escuro para o claro. Clique numa amostra para adicioná-la à sua paleta coletada.
Minhas referências são enviadas para algum servidor?
Não. As imagens são abertas localmente no seu navegador e nunca são enviadas a lugar nenhum.