Extrator de paleta de cores de PDF

Extraia a paleta de cores de um PDF no navegador: cores dominantes em hex, RGB e HSL e os preenchimentos exatos declarados no arquivo. Exporte como CSS, SCSS, JSON ou Tailwind.

PDF

ou arraste e solte o arquivo aqui

PDF

Conversão rápidaProcessamento seguroSem cadastro

O que você obtém de uma paleta de cores de PDF

Envie um folheto, um manual de marca, uma apresentação ou um relatório e a ferramenta devolve as cores de que ele é feito: cada uma como amostra com código hex, valores RGB e HSL e a fração das páginas renderizadas que ela cobre. O papel branco fica de fora por padrão, para que as cores de destaque venham primeiro.

A paleta é o ponto de partida para um site, um modelo de apresentação ou um design system que precise combinar com um documento existente. Se o PDF também tem fotos ou logotipos que você quer reaproveitar, Extrair imagens de PDF os salva como arquivos.

Cores renderizadas e cores declaradas

Duas leituras são combinadas. As páginas são renderizadas e cada pixel é contado, o que captura fotografias, gradientes e arte escaneada. Separadamente, as instruções de desenho dentro do PDF são lidas para obter as cores exatas de preenchimento e traço que o designer definiu em formas e texto.

Uma amostra marcada como "declarada" traz o valor preciso do arquivo, não uma média de pixels, então é a que deve ir para a folha de estilos. Uma amostra marcada como "renderizada" vem só de imagens ou gradientes, onde não existe um único valor exato.

Formatos de exportação

FormatoOnde se encaixa
Variáveis CSSUm bloco :root com --color-1, --color-2 e assim por diante, pronto para colar em qualquer folha de estilos.
SCSSVariáveis Sass para projetos que compilam seus estilos.
JSONNome, hex, RGB, HSL, cobertura e origem de cada cor, para design tokens ou scripts.
TailwindUm bloco theme.extend.colors para o tailwind.config.js, para que as cores virem classes utilitárias.

Como extrair cores de um PDF

  1. Selecione um PDF. As páginas são renderizadas no seu navegador e escaneadas uma a uma.
  2. Escolha quantas cores quer e se o papel branco deve ser ignorado. A paleta se atualiza na hora.
  3. Clique em uma amostra para copiar seu código hex.
  4. Escolha CSS, SCSS, JSON ou Tailwind e copie o código ou baixe-o como arquivo com o nome do seu PDF.

O que esperar

As cores são lidas das trinta primeiras páginas, o que basta para um manual de marca ou uma apresentação; relatórios muito longos são amostrados pelas páginas iniciais. Tons parecidos são agrupados para que o antialiasing não gere dezenas de quase duplicatas, e as porcentagens descrevem as páginas renderizadas, não o número de vezes que uma cor é usada.

Cores definidas por padrões de cores especiais, sombreamentos ou perfis ICC são capturadas apenas como pixels renderizados. PDFs protegidos por senha não abrem aqui; passe-os antes pelo Desbloquear PDF. Para manter uma página inteira como imagem na resolução escolhida, use PDF para PNG.

Perguntas frequentes

A extração acontece no meu navegador?

Sim. As páginas são renderizadas e as cores contadas no seu dispositivo, e o arquivo de exportação é gerado localmente. A política de privacidade descreve como uploads e dados de uso são tratados em geral.

Por que o código hex sai um pouco diferente do que está no manual de marca?

Amostras marcadas como "renderizada" são médias de pixels, e o antialiasing as desloca em algumas unidades. Amostras marcadas como "declarada" são lidas das instruções de desenho do PDF e batem exatamente com o arquivo. Se o manual indica um valor CMYK ou Pantone, o PDF guarda apenas sua renderização RGB, que pode diferir da referência impressa.

Posso extrair cores de um PDF escaneado ou de uma foto?

Sim. Escaneados e fotos não têm cores declaradas, então a paleta é montada só com os pixels renderizados. O agrupamento funde tons parecidos e o branco do papel é ignorado a menos que você desligue essa opção.

O que significa a porcentagem em cada amostra?

A fração de todos os pixels contados nas páginas escaneadas que caem naquele grupo de cor. Com a opção ligada, o papel branco fica fora da conta, por isso uma pequena cor de destaque pode mostrar uma porcentagem relevante.

Qual exportação devo usar para um site?

Variáveis CSS funcionam em qualquer lugar e não precisam de build. Use SCSS se o projeto compila Sass, o bloco Tailwind se o site usa classes utilitárias do Tailwind e JSON quando as cores alimentam design tokens ou um script.

Posso renomear as cores?

A exportação usa nomes numerados como color-1 em ordem de cobertura. Renomeie-os no seu editor depois de colar; os valores continuam iguais.