PDFカラーパレット抽出

PDFカラーパレットで得られるもの

パンフレット、ブランドガイド、スライド、レポートをアップロードすると、その文書を構成する色が返されます。各色はhexコード、RGB値、HSL値、描画したページに占める割合を添えたスウォッチとして表示されます。アクセントカラーが先に来るように、白い紙面は既定で除外されます。

パレットは、既存の文書と揃える必要があるウェブサイト、プレゼンテーションのテンプレート、デザインシステムの出発点になります。PDFに再利用したい写真やロゴが含まれているなら、PDFから画像を抽出でファイルとして取り出せます。

描画結果の色と指定された色

2種類の読み取りを組み合わせます。ページを描画してすべてのピクセルを数えることで、写真、グラデーション、スキャンされた図版を捉えます。それとは別に、PDF内の描画命令を読み取り、デザイナーが図形や文字に設定した正確な塗り色と線色を取得します。

「指定値」と表示されたスウォッチは、ピクセルの平均ではなくファイル内の正確な値を持っているので、スタイルシートにコピーするのはこちらです。「描画結果」のスウォッチは画像やグラデーションだけに由来し、単一の正確な値は存在しません。

書き出し形式

PDFから色を抽出する手順

1. PDFを選択します。ページはブラウザ内で描画され、1ページずつ走査されます。
2. 必要な色数と、白い紙面を除外するかどうかを選びます。パレットは即座に更新されます。
3. スウォッチをクリックするとhexコードがコピーされます。
4. CSS、SCSS、JSON、Tailwindのいずれかを選び、コードをコピーするか、PDF名を付けたファイルとしてダウンロードします。

知っておきたいこと

色は最初の30ページから読み取ります。ブランドガイドやスライドには十分で、非常に長いレポートは冒頭のページからサンプリングされます。アンチエイリアスで何十ものほぼ同じ色が生まれないよう近い色はまとめられ、割合は色の使用回数ではなく描画したページに対する比率を表します。

特色パターン、シェーディング、ICCプロファイルで定義された色は描画結果のピクセルとしてのみ取得されます。パスワード付きPDFはここでは開けないので、先にPDFのロック解除を通してください。ページ全体を任意の解像度で画像として残すにはPDFからPNGを使います。