Инструменты разработчика

Переводите единицы длины, веса, температуры, площади, объёма, скорости, времени, данных, давления и энергии. Введите значение один раз — увидите его во всех остальных единицах категории. Направление перевода меняется одной кнопкой.

Форматируйте, минифицируйте и проверяйте JSON. Некорректный ввод подсвечивается с точной строкой и столбцом, где сломался синтаксис. Сравнивайте размер до и после минификации, копируйте результат или скачивайте его как .json-файл.

Кодируйте текст в Base64 или декодируйте Base64 обратно в текст. Переключайтесь между стандартным алфавитом (+ и /) и URL-safe (- и _) — в зависимости от того, куда пойдёт результат. Перевод выполняется по мере ввода, без нажатия кнопки.

Генерируйте криптографически стойкие UUID — до 100 за раз. Выбирайте версию 4 (полностью случайный) или 7 (с сортировкой по времени создания). Верхний или нижний регистр, с дефисами или без. Копирование результата в один клик.

Вычисляйте хеши MD5, SHA-1, SHA-256 и SHA-512 для любого текста — все четыре сразу. SHA-алгоритмы используют встроенный Web Crypto API браузера, MD5 — локальную реализацию. Всё считается на вашем устройстве.

Кодируйте и декодируйте URL и параметры запросов. Два режима: «Компонент» кодирует всё, включая ?, & и = (подходит для значений query), «Полный URL» сохраняет зарезервированные символы (для целых URL). Результат обновляется по мере ввода.

Переводите Unix-timestamp в ISO, UTC, локальную дату и относительное время — и обратно. Выбирайте секунды или миллисекунды, используйте кнопки быстрых поправок на час и день, или конвертируйте список timestamp одним пакетом.

Вставьте JWT и увидите header, payload, подпись и срок действия в одном представлении. Показывает, действителен токен или истёк. Всё работает в браузере — ничего не логируется, не сохраняется и не отправляется.

Создавайте и подписывайте JSON Web Token с HS256, HS384 или HS512 — всё локально в браузере через Web Crypto API. Отредактируйте header, добавьте claims в payload, введите секрет и скопируйте подписанный токен. Секрет не покидает устройство.

Генерируйте стандартные open source лицензии — MIT, Apache 2.0, GPL-3.0, AGPL-3.0, LGPL-3.0, BSD-2, BSD-3, ISC, MPL-2.0, Unlicense — с подставленными годом, правообладателем и названием проекта. Копируйте текст LICENSE или скачивайте файлом.

Соберите .gitignore под свой стек. Выбирайте из 30+ шаблонов: языки, фреймворки, редакторы, IDE и операционные системы — или используйте готовый пресет для Web, Mobile, Backend или Data/ML. Добавьте свои правила и скачайте файл.

Пишите Markdown слева — видите готовый HTML справа. Поддержка GitHub Flavored Markdown: таблицы, чек-листы, зачёркивание, автолинки и блоки кода. Вывод санитизируется через DOMPurify. Готовый HTML скачивается отдельным файлом.

Форматируйте грязный SQL в читаемый вид или сжимайте в одну строку для логов. Управляйте регистром ключевых слов (ВЕРХНИЙ, нижний или Как есть) и уровнем отступа. Комментарии сохраняются в режиме форматирования и удаляются при минификации.

Сжимайте HTML, CSS или JavaScript, удаляя пробелы и комментарии. Язык определяется автоматически. JavaScript проходит через Terser в самом безопасном режиме — без переименования переменных и изменения логики. После минификации видно экономию в байтах.

Выберите цвет — и сразу увидите его в HEX, RGB, HSL и HSV. Генерируйте комплементарные, аналоговые, триадные, раздельно-комплементарные и монохромные палитры. Показывает оттенки и тона текущего цвета. Клик по образцу копирует значение.

Проверьте, проходят ли ваши цвета текста и фона по WCAG 2.1 AA и AAA. Видно коэффициент контраста, живой предпросмотр в трёх размерах и статус pass/fail для обычного текста, крупного текста и элементов UI. Переключение цветов одной кнопкой.

Собирайте полный набор meta-тегов с живым предпросмотром того, как страница будет выглядеть в поиске Google и при шаринге в соцсетях. Заполните title, description, URL, соцкартинку, название сайта, Twitter-аккаунт и OG-тип — скопируйте весь блок и вставьте в head.

Превратите SVG-разметку в Data URI для CSS-фонов или встроенного HTML. Получайте готовые сниппеты в четырёх вариантах: CSS-фон URL-encoded, CSS-фон Base64, HTML-тег img и чистый Data URI. Живой предпросмотр SVG подтверждает рендер до копирования.

Вставьте Base64-строку и сразу увидите декодированное изображение. Принимает чистый Base64 или полный data URI — с префиксом data:image/...;base64, или без. Определяет PNG, JPEG, GIF, WebP, BMP, SVG, ICO и AVIF по data URI или сигнатуре файла. Скачивание с правильным расширением.

Проверяйте регулярные выражения JavaScript с живой подсветкой. Совпадения появляются по мере ввода. Все шесть флагов — g, i, m, s, u, y — включаются независимо. Видно позицию, полное совпадение и группы захвата для каждого. Понятные ошибки для некорректных паттернов.

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

Создавайте box-shadow и градиенты визуально. Добавляйте несколько слоёв тени, у каждого свои смещения, размытие, растяжение, цвет и переключатель inset. Для градиентов выбирайте линейный, радиальный или конический тип и добавляйте сколько угодно цветовых точек. Живой предпросмотр обновляется по мере настройки.

Превратите одно квадратное изображение в полный набор favicon — 16, 32, 48, 96, 180, 192 и 512 px, покрывающие браузеры, iOS и Android. Готовый site.webmanifest, HTML-сниппет и ZIP-архив со всеми иконками для папки public.

Вставьте или загрузите Base64-изображение и получите уменьшенную версию. Управляйте форматом на выходе, максимальной шириной и высотой, а также качеством — инструмент перекодирует картинку через Canvas API. Полезно для уменьшения inline data URI в HTML, CSS или JSON.