Извлечение цветовой палитры из PDF

Извлеките цветовую палитру из PDF в браузере: основные цвета с hex, RGB и HSL, доля каждого и точные заливки, заданные в файле. Экспорт в CSS-переменные, SCSS, JSON или Tailwind.

PDF

или перетащите файл сюда

PDF

Быстрая конвертацияБезопасная обработкаБез регистрации

Что даёт цветовая палитра PDF

Загрузите брошюру, брендбук, презентацию или отчёт — инструмент вернёт цвета, из которых он собран: каждый в виде образца с hex-кодом, значениями RGB и HSL и долей отрисованных страниц, которую он занимает. Белая бумага по умолчанию исключается, поэтому акцентные цвета идут первыми.

Палитра — отправная точка для сайта, шаблона презентации или дизайн-системы, которая должна совпадать с существующим документом. Если в PDF есть фотографии или логотипы, которые нужно переиспользовать, инструмент извлечения изображений из PDF сохранит их отдельными файлами.

Отрисованные и заданные цвета

Совмещаются два чтения. Страницы отрисовываются, и каждый пиксель подсчитывается — так учитываются фотографии, градиенты и сканы. Отдельно читаются команды рисования внутри PDF: точные цвета заливки и обводки, которые дизайнер задал фигурам и тексту.

Образец с пометкой «задан в файле» несёт точное значение из файла, а не среднее по пикселям, — именно его стоит копировать в таблицу стилей. Образец с пометкой «отрисовка» получен только из изображений или градиентов, где единственного точного значения нет.

Форматы экспорта

ФорматГде пригодится
CSS-переменныеБлок :root с --color-1, --color-2 и далее, готовый для вставки в любую таблицу стилей.
SCSSПеременные Sass для проектов, которые компилируют стили.
JSONИмя, hex, RGB, HSL, доля и источник каждого цвета — для дизайн-токенов или скриптов.
TailwindБлок theme.extend.colors для tailwind.config.js: цвета становятся утилитарными классами.

Как извлечь цвета из PDF

  1. Выберите PDF. Страницы отрисовываются в браузере и сканируются одна за другой.
  2. Укажите, сколько цветов нужно и исключать ли белую бумагу. Палитра обновляется мгновенно.
  3. Нажмите на образец, чтобы скопировать его hex-код.
  4. Выберите CSS, SCSS, JSON или Tailwind и скопируйте код либо скачайте файл, названный по имени вашего PDF.

Чего ожидать

Цвета читаются с первых тридцати страниц — этого хватает для брендбука или презентации; у очень длинных отчётов выборка берётся с начальных страниц. Похожие оттенки группируются, чтобы сглаживание не породило десятки почти одинаковых цветов, а проценты описывают отрисованные страницы, а не число использований цвета.

Цвета, заданные через плашечные паттерны, шейдинги или ICC-профили, попадают в палитру только как отрисованные пиксели. PDF с паролем здесь не открыть — сначала снимите защиту через разблокировку PDF. Чтобы сохранить страницу целиком как изображение в нужном разрешении, используйте PDF в PNG.

Часто задаваемые вопросы

Извлечение происходит в браузере?

Да. Страницы отрисовываются и цвета подсчитываются на вашем устройстве, файл экспорта создаётся локально. Как в целом обрабатываются загрузки и данные об использовании, описано в политике конфиденциальности.

Почему hex-код немного отличается от указанного в брендбуке?

Образцы с пометкой «отрисовка» — это средние по пикселям, и сглаживание сдвигает их на несколько единиц. Образцы с пометкой «задан в файле» читаются из команд рисования PDF и совпадают с файлом точно. Если в брендбуке указано значение CMYK или Pantone, PDF хранит лишь его RGB-отрисовку, которая может отличаться от печатного эталона.

Можно ли извлечь цвета из скана или фотографии в PDF?

Да. У сканов и фотографий нет заданных цветов, поэтому палитра строится только по отрисованным пикселям. Группировка объединяет похожие оттенки, а белая бумага исключается, пока вы не отключите эту опцию.

Что означает процент на образце?

Доля всех подсчитанных пикселей на просканированных страницах, попавших в эту группу цвета. При включённой опции белая бумага в подсчёт не входит, поэтому небольшой акцентный цвет может показывать ощутимый процент.

Какой экспорт выбрать для сайта?

CSS-переменные работают везде и не требуют сборки. SCSS — если проект компилирует Sass, блок Tailwind — если сайт использует утилитарные классы Tailwind, JSON — когда цвета идут в дизайн-токены или скрипт.

Можно ли переименовать цвета?

Экспорт использует нумерованные имена вида color-1 в порядке убывания доли. Переименуйте их в редакторе после вставки — значения останутся прежними.