Advertisement
ColorSnap
Tire uma paleta de verdade de qualquer imagem e corrija-a à mão. O agrupamento acontece num espaço de cor perceptual, o conta-gotas chega ao pixel, e nada sai do seu navegador.
Solte uma imagem aqui ou clique para enviar
PNG, JPG, WebP, AVIF, GIF, BMP, HEIC, TIFF e SVG — até 80 MB, lidos no seu navegador
Paleta
Carregue uma imagem para construir a paleta dela.
Como funciona
Traga uma imagem
Solte-a, escolha-a, cole-a, ou mande-a de outra ferramenta oLoveTools. Ainda não corre nada.
Primeiro, configure
Escolha quantas cores quer, com que profundidade amostrar e que tons ignorar.
Extraia quando disser
O corte pela mediana aperta o campo e depois o k-means refina-o em OKLab, onde a distância bate certo com o que vê.
Corrija à mão
Fixe o que resulta, tire o que não resulta, e apanhe com o conta-gotas o que a matemática deixou passar.
Vê a cor como você a vê
O agrupamento acontece em OKLab, por isso dois azuis visualmente iguais nunca entram os dois enquanto o único laranja da foto fica de fora.
Conta-gotas com lupa
Aproxime até ao pixel, passe o cursor para ver o valor e clique para o guardar. Alt+clique remove a amostra mais parecida com o que está a apontar.
Fixe o que já lhe serve
Bloqueie uma amostra e o resto da paleta reconstrói-se à volta dela, em vez de começar do zero e perder a que gostava.
Legibilidade verificada
Rácios de contraste WCAG 2.1 reais contra branco, preto e todas as amostras, mais simulação de protanopia, deuteranopia e tritanopia.
100% no seu navegador
Sem envio, sem modelo descarregado de um CDN, sem qualquer chamada de rede. A imagem fica no separador e desaparece ao fechá-lo.
Exportações que se usam mesmo
Propriedades personalizadas CSS, SCSS, um bloco @theme do Tailwind v4, JSON, uma paleta .gpl do GIMP, amostras SVG e uma folha PNG.
Uma paleta que corresponde à imagem, não uma média desfocada dela
Quase todos os extratores encolhem a sua foto para uma miniatura e contam pixels numa grelha fixa, o que mistura cores vizinhas e inventa tons que nunca lá estiveram. O ColorSnap amostra a imagem em resolução completa, guarda a média exata de cada compartimento de cor que preenche e agrupa esses compartimentos em OKLab, um espaço onde a distância numérica corresponde à diferença percebida. É a diferença entre uma paleta de quatro azuis quase iguais e outra que contém mesmo o laranja do canto.
A passagem pesada corre fora da linha principal
A varredura de pixels acontece num Web Worker sobre um OffscreenCanvas, por isso a interface continua a responder com uma foto de 50 MP. O que volta é um histograma compacto, e cada alteração posterior — tamanho da paleta, limiar de saturação, amostras fixadas — resolve-se a partir dele em milissegundos, sem voltar a tocar na imagem.
Automático primeiro, manual quando quiser
Soltar um ficheiro não arranca nada: a imagem espera enquanto escolhe as definições. Também pode saltar por completo a passagem automática e construir a paleta à mão desde o primeiro clique, com zoom, lupa, fixação e anular. Todas as cores ficam editáveis depois, e voltar a extrair respeita o que tiver fixado.
100% privado, e é mesmo à letra
Não há envio, nem API, nem modelo obtido de um CDN, nem análise sobre a sua imagem. Tudo — descodificar, amostrar, agrupar, exportar — acontece com APIs do navegador dentro do seu separador. A sua imagem vive só em memória e desaparece assim que fecha a página.
Perguntas frequentes
QA minha imagem é enviada para algum servidor?+
Não. Descodificar, amostrar e agrupar acontece tudo com APIs de canvas e Web Worker dentro do seu navegador. Não há envio nem qualquer pedido de rede que envolva a sua imagem, em momento algum.
QQue formatos posso abrir?+
PNG, JPG, WebP, AVIF, GIF, BMP e SVG abrem nativamente. Os HEIC e HEIF do iPhone são convertidos no navegador, e o TIFF também é descodificado localmente. O limite é de 80 MB por ficheiro. Pode soltar, procurar, colar da área de transferência, ou receber uma imagem de outra ferramenta oLoveTools.
QPorque é que não extrai a paleta assim que solto o ficheiro?+
Porque as definições mudam o resultado. O número de cores, a profundidade de amostragem e o limiar de saturação moldam o que obtém, e correr antes de as definir só desperdiça uma passagem. A imagem espera; você prime o botão. E se preferir não usar a passagem automática, há um botão que vai direto ao conta-gotas.
QO que significa o número de desvio?+
É a distância perceptual média, em OKLab, entre as cores da sua imagem e a cor da paleta a que cada uma foi atribuída. Abaixo de 3 a paleta descreve a imagem com fidelidade; acima de 6 está a ver uma impressão solta dela. Acrescentar cores baixa-o, e é a forma honesta de saber se cinco amostras chegavam.
QO que faz fixar uma cor?+
Uma amostra fixada é tratada como imóvel. Quando muda o tamanho da paleta ou repete a extração, as cores fixadas ficam exatamente como estão e os lugares restantes são recalculados à volta delas, por isso nunca perde a amostra de que já gostava.
QPosso exportar diretamente para o meu projeto?+
Sim. Propriedades personalizadas CSS, variáveis SCSS com o respetivo mapa, um bloco @theme do Tailwind v4, JSON com HEX/RGB/HSL/OKLCH e cobertura, uma paleta .gpl para GIMP, Inkscape e Krita, amostras SVG, texto simples e uma folha PNG. Os nomes das variáveis saem das próprias cores, por isso obtém --deep-teal em vez de --color-4.