Ekstraktor palety kolorów z PDF

Wyciągnij paletę kolorów z PDF w przeglądarce: dominujące kolory z wartościami hex, RGB i HSL oraz dokładne wypełnienia z pliku. Eksport do CSS, SCSS, JSON lub Tailwind.

PDF

lub przeciągnij i upuść plik tutaj

PDF

Szybka konwersjaBezpieczne przetwarzanieBez rejestracji

Co daje paleta kolorów z PDF

Prześlij broszurę, księgę znaku, prezentację lub raport, a narzędzie zwróci kolory, z których jest zbudowany: każdy jako próbkę z kodem hex, wartościami RGB i HSL oraz udziałem w wyrenderowanych stronach. Biały papier jest domyślnie pomijany, więc kolory akcentowe pojawiają się pierwsze.

Paleta to punkt wyjścia dla strony internetowej, szablonu prezentacji lub design systemu, który ma pasować do istniejącego dokumentu. Jeśli PDF zawiera też zdjęcia lub logotypy do ponownego użycia, Wyodrębnij obrazy z PDF zapisze je jako pliki.

Kolory wyrenderowane i zadeklarowane

Łączone są dwa odczyty. Strony są renderowane i każdy piksel jest liczony, co obejmuje fotografie, gradienty i zeskanowaną grafikę. Osobno odczytywane są instrukcje rysowania w PDF, by uzyskać dokładne kolory wypełnienia i obrysu, które projektant nadał kształtom i tekstowi.

Próbka oznaczona „zadeklarowany” niesie dokładną wartość z pliku, a nie średnią pikseli, więc to ją warto skopiować do arkusza stylów. Próbka oznaczona „wyrenderowany” pochodzi tylko z obrazów lub gradientów, gdzie nie ma jednej dokładnej wartości.

Formaty eksportu

FormatGdzie pasuje
Zmienne CSSBlok :root z --color-1, --color-2 i kolejnymi, gotowy do wklejenia do dowolnego arkusza stylów.
SCSSZmienne Sass dla projektów, które kompilują style.
JSONNazwa, hex, RGB, HSL, udział i źródło każdego koloru — do design tokenów lub skryptów.
TailwindBlok theme.extend.colors do tailwind.config.js, dzięki któremu kolory stają się klasami użytkowymi.

Jak wyciągnąć kolory z PDF

  1. Wybierz PDF. Strony są renderowane w przeglądarce i skanowane jedna po drugiej.
  2. Ustaw, ile kolorów chcesz i czy pominąć biały papier. Paleta aktualizuje się od razu.
  3. Kliknij próbkę, aby skopiować jej kod hex.
  4. Wybierz CSS, SCSS, JSON lub Tailwind i skopiuj kod albo pobierz go jako plik nazwany po Twoim PDF.

Czego się spodziewać

Kolory są odczytywane z pierwszych trzydziestu stron, co wystarcza dla księgi znaku lub prezentacji; bardzo długie raporty są próbkowane z początkowych stron. Podobne odcienie są grupowane, aby wygładzanie nie tworzyło dziesiątek niemal identycznych kolorów, a procenty opisują wyrenderowane strony, nie liczbę użyć koloru.

Kolory zdefiniowane przez wzory kolorów dodatkowych, cieniowania lub profile ICC są wychwytywane tylko jako wyrenderowane piksele. PDF-ów zabezpieczonych hasłem nie da się tu otworzyć; przepuść je najpierw przez Odblokuj PDF. Aby zachować całą stronę jako obraz w wybranej rozdzielczości, użyj PDF do PNG.

Najczęściej zadawane pytania

Czy ekstrakcja odbywa się w mojej przeglądarce?

Tak. Strony są renderowane, a kolory liczone na Twoim urządzeniu; plik eksportu powstaje lokalnie. Polityka prywatności opisuje ogólne zasady przetwarzania przesłanych plików i danych o użyciu.

Dlaczego kod hex nieco różni się od tego z księgi znaku?

Próbki oznaczone „wyrenderowany” to średnie pikseli, a wygładzanie przesuwa je o kilka jednostek. Próbki oznaczone „zadeklarowany” są odczytywane z instrukcji rysowania PDF i dokładnie zgadzają się z plikiem. Jeśli księga podaje wartość CMYK lub Pantone, PDF przechowuje tylko jej odwzorowanie RGB, które może odbiegać od drukowanego wzorca.

Czy mogę wyciągnąć kolory ze zeskanowanego PDF lub zdjęcia?

Tak. Skany i zdjęcia nie mają zadeklarowanych kolorów, więc paleta powstaje wyłącznie z wyrenderowanych pikseli. Grupowanie łączy podobne odcienie, a biel papieru jest pomijana, dopóki nie wyłączysz tej opcji.

Co oznacza procent na próbce?

Udział wszystkich zliczonych pikseli na zeskanowanych stronach, które trafiły do tej grupy koloru. Przy włączonej opcji biały papier nie jest liczony, dlatego niewielki kolor akcentowy może pokazywać zauważalny procent.

Który eksport wybrać dla strony internetowej?

Zmienne CSS działają wszędzie i nie wymagają budowania. Użyj SCSS, jeśli projekt kompiluje Sass, bloku Tailwind, jeśli strona korzysta z klas użytkowych Tailwind, a JSON, gdy kolory zasilają design tokeny lub skrypt.

Czy mogę zmienić nazwy kolorów?

Eksport używa numerowanych nazw, np. color-1, w kolejności udziału. Zmień je w edytorze po wklejeniu; wartości pozostaną te same.