Extractor de paleta de colores de PDF

Extraiga la paleta de colores de un PDF en su navegador: colores dominantes en hex, RGB y HSL y los rellenos exactos declarados en el archivo. Exporte a CSS, SCSS, JSON o Tailwind.

PDF

o arrastra y suelta el archivo aquí

PDF

Conversión rápidaProcesamiento seguroSin registro

Qué obtiene de una paleta de colores de PDF

Suba un folleto, un manual de marca, una presentación o un informe y la herramienta devuelve los colores con los que está construido: cada uno como muestra con su código hex, sus valores RGB y HSL y la proporción de las páginas renderizadas que cubre. El papel blanco se excluye por defecto para que los colores de acento aparezcan primero.

La paleta es el punto de partida para un sitio web, una plantilla de presentación o un sistema de diseño que deba coincidir con un documento existente. Si el PDF también contiene fotos o logotipos que quiera reutilizar, Extraer imágenes de PDF los saca como archivos.

Colores renderizados y colores declarados

Se combinan dos lecturas. Las páginas se renderizan y se cuenta cada píxel, lo que captura fotografías, degradados e ilustraciones escaneadas. Por separado, se leen las instrucciones de dibujo del PDF para obtener los colores exactos de relleno y trazo que el diseñador asignó a formas y texto.

Una muestra marcada como "declarado" lleva el valor preciso del archivo, no un promedio de píxeles, así que es la que conviene copiar en una hoja de estilos. Una muestra marcada como "renderizado" procede solo de imágenes o degradados, donde no existe un único valor exacto.

Formatos de exportación

FormatoDónde encaja
Variables CSSUn bloque :root con --color-1, --color-2 y siguientes, listo para pegar en cualquier hoja de estilos.
SCSSVariables Sass para proyectos que compilan sus estilos.
JSONNombre, hex, RGB, HSL, cobertura y origen de cada color, para design tokens o scripts.
TailwindUn bloque theme.extend.colors para tailwind.config.js, de modo que los colores se conviertan en clases de utilidad.

Cómo extraer colores de un PDF

  1. Seleccione un PDF. Las páginas se renderizan en su navegador y se escanean una a una.
  2. Elija cuántos colores quiere y si debe ignorarse el papel blanco. La paleta se actualiza al instante.
  3. Haga clic en una muestra para copiar su código hex.
  4. Elija CSS, SCSS, JSON o Tailwind y copie el código o descárguelo como archivo con el nombre de su PDF.

Qué esperar

Los colores se leen de las primeras treinta páginas, suficiente para un manual de marca o una presentación; los informes muy largos se muestrean a partir de sus páginas iniciales. Los tonos parecidos se agrupan para que el suavizado no genere decenas de casi duplicados, y los porcentajes describen las páginas renderizadas, no el número de veces que se usa un color.

Los colores definidos mediante patrones de tintas planas, sombreados o perfiles ICC se capturan solo como píxeles renderizados. Los PDF protegidos con contraseña no se pueden abrir aquí; páselos antes por Desbloquear PDF. Para conservar una página entera como imagen a la resolución que elija, use PDF a PNG.

Preguntas frecuentes

¿La extracción se realiza en mi navegador?

Sí. Las páginas se renderizan y los colores se cuentan en su dispositivo, y el archivo de exportación se genera localmente. La política de privacidad describe cómo se tratan en general las subidas y los datos de uso.

¿Por qué obtengo un código hex algo distinto del que figura en el manual de marca?

Las muestras marcadas como "renderizado" son promedios de píxeles, y el suavizado las desplaza unas unidades. Las marcadas como "declarado" se leen de las instrucciones de dibujo del PDF y coinciden exactamente con el archivo. Si el manual indica un valor CMYK o Pantone, el PDF solo guarda su representación RGB, que puede diferir de la referencia impresa.

¿Puedo extraer colores de un PDF escaneado o de una foto?

Sí. Los escaneos y las fotos no tienen colores declarados, así que la paleta se construye solo con los píxeles renderizados. La agrupación fusiona tonos similares y el blanco del papel se ignora a menos que desactive esa opción.

¿Qué significa el porcentaje de cada muestra?

La proporción de todos los píxeles contados en las páginas escaneadas que caen en ese grupo de color. Con la opción activada, el papel blanco queda fuera del recuento, por eso un pequeño color de acento puede mostrar un porcentaje apreciable.

¿Qué exportación debo usar para un sitio web?

Las variables CSS funcionan en todas partes y no necesitan compilación. Use SCSS si el proyecto compila Sass, el bloque Tailwind si el sitio usa clases de utilidad de Tailwind y JSON cuando los colores alimentan design tokens o un script.

¿Puedo cambiar el nombre de los colores?

La exportación usa nombres numerados como color-1 en orden de cobertura. Cámbielos en su editor después de pegar; los valores no varían.