Гайд

58 утилит в браузере: как delphitools экономит время дизайнерам и разработчикам

delphitools — бесплатная коллекция из 58+ браузерных утилит для цвета, изображений, типографики, кода и печати. Вся обработка происходит локально: данные не покидают ваш компьютер.

Обложка: 58 утилит в браузере: как delphitools экономит время дизайнерам и разработчикам

Каждый день уходит на мелочи: конвертировать пиксели в rem, сгенерировать QR-код для визитки, проверить контрастность текста по WCAG, оптимизировать SVG перед отправкой в код. Раньше для каждой задачи — отдельный сайт с рекламой и куки. delphitools собирает 58 таких утилит в одном месте и ничего не отправляет на сервер.

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

Материал актуален на 26 июля 2026 года.

Что такое delphitools

Это коллекция из 58+ небольших утилит, объединённых одним принципом: данные обрабатываются в вашем браузере и никуда не отправляются. Нет аккаунта, нет трекинга, нет серверной обработки. Проект открытый (MIT), написан на Next.js + Tailwind + shadcn/ui, развивается инди-разработчиком под ником delphi.

Помимо веб-версии, есть CLI (работает полностью офлайн) и приложение для iPhone/iPad.

Сценарии по ролям

Для дизайнера: палитры, контраст, доступность

Самая объёмная часть delphitools — инструменты для работы с цветом.

Palette Extractor — загружаете референсное изображение и получаете готовую палитру из 5–8 доминантных цветов. Удобно для старта проекта, когда нужно быстро «снять» цвета с мудборда или скриншота интерфейса.

Contrast Checker — вводите два цвета (текст и фон) и мгновенно получаете результат проверки по WCAG AA и AAA. Не нужно гадать, пройдёт ли светлый текст на белом фоне проверку на доступность.

Colour Blindness Simulator — показывает, как ваш дизайн выглядит для людей с протанопией, deutеранопией и тританопией. Одна загрузка — и вы видите три варианта одновременно.

Gradient Generator — создаёт линейные, угловые и mesh-градиенты с точками управления. Выход — CSS-код, который можно сразу вставить в стили.

Palette Generator — генерирует гармоничные палитры по выбранному базовому цвету (комплементарные, аналоговые, триадные). Полезно, когда есть основной цвет бренда, а акценты нужно подобрать по теории цвета.

Для работы с палитрами в каталоге DuckApps есть и другие инструменты — theSVG для SVG-иконок и HTML to Design для конвертации макетов в код.

Для фронтендер: код, оптимизация, конвертация

PX to REM — вводите базовый размер шрифта и пиксели, получаете rem-значения. Быстрее, чем считать в голове или открывать калькулятор.

Base64 Image Encoder — загружаете картинку и получаете base64-строку для встраивания в CSS или HTML. Удобно для мелких иконок и спрайтов.

SVG Optimiser — загружаете SVG и получаете оптимизированную версию без потери качества. Убирает лишние узлы, атрибуты и пространства имён.

Favicon Generator — из любой картинки генерирует полный набор фавиконок (ICO, PNG разного размера, Apple Touch Icon).

Regex Tester — вводите регулярное выражение и тестовую строку, видите совпадения в реальном времени с подсветкой групп.

Meta Tag Generator — заполняете поля (title, description, image, url) и получаете готовый HTML-код с Open Graph и Twitter Card тегами.

Tailwind Shade Generator — генерирует шкалу оттенков Tailwind из одного базового цвета. Вставляете свой brand color — получаете 10 оттенков от-50 до-950.

Для маркетолога и SMM: QR, кадрирование, водяные знаки

QR Generator — стилизованные QR-коды с кастомными цветами, формой углов и логотипом по центру. Выход — PNG или SVG.

Social Media Cropper — загружаете горизонтальное фото и получаете обрезанные версии под форматы Instagram, Bluesky и Threads. Не нужно открывать Figma ради одного кропа.

Matte Generator — накладывает неквадратное изображение на квадратный фон нужного цвета. Быстрое решение для аватарок и постов.

Watermarker — добавляет текстовый или графический водяной знак на изображение. Подходит для защиты фотографий перед отправкой клиенту.

Для полиграфии и печати

PDF Preflight — анализирует PDF на пригодность к печати: выявляет цветовые профили, разрешение, вылеты, шрифты. До отправки в типографию можно проверить, всё ли в порядке.

Print Imposer — накладывает страницы PDF для буклета, скрепки или N-up печати. Раньше для этого нужен был Acrobat Pro или специализированный софт.

Zine Imposer — форматирует PDF в мини-зин на одном листе: 8-страничный или гармошкой.

Paper Sizes — справочник всех стандартных форматов бумаги с размерами в мм, дюймах и пикселях.

Приватность: почему это важно

Большинство онлайн-утилит (конвертеры цвета, генераторы QR, оптимизаторы SVG) отправляют ваши данные на сервер. Это значит:

  • Изображения попадают на чужой сервер вместе с метаданными (EXIF, геолокация).
  • Куки и трекеры собирают статистику.
  • Нет гарантии, что файлы удаляются после обработки.

delphitools работает иначе: JavaScript выполняется в вашем браузере, обработка идёт локально, результат сохраняется на ваш компьютер. Сервер даже не видит, какие инструменты вы используете.

Для сравнения: hardclient — ресурс с разбором UX-фичей сервисов, включая подходы к приватности. delphitools применяет принцип приватности на практике.

Ограничения

  • Нет офлайн-режима для веб-версии. Утилиты работают в браузере, поэтому при первом открытии нужен интернет для загрузки страницы. Полностью офлайн работает только CLI.
  • Бета-инструменты. Substrata (редактор изображений), Background Remover и некоторые другие помечены как бета — могут работать нестабильно.
  • Нет командной работы. Все инструменты ориентированы на одного пользователя. Нет совместного редактирования, общих палитр или комментариев.
  • Один файл за раз. Большинство утилит работают с одним изображением или документом. Пакетной обработки нет.
  • Нет сохранения истории. Результаты не сохраняются между сессиями — закрыл вкладку, начинай заново.

Вердикт

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

Не подходит: тем, кто работает с большими файлами пачками; нуждается в сохранении проектов и истории; ищет замену Adobe Creative Cloud или Figma — delphitools не заменяет серьёзные инструменты, а дополняет их.

58 утилит, каждая решает одну задачу. Ни одна не запрашивает аккаунт. Ни одна не отправляет данные за пределы браузера. Это редкость для бесплатных онлайн-инструментов.