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

(212)

Повседневные помощники для разработчиков: форматтеры, конвертеры, генераторы и валидаторы.

Конвертер кодировки текстовых файлов

Преобразуйте текст между UTF-8, UTF-16, Latin-1, Windows-1252 и другими кодировками, чтобы исправить искажённые символы.

Конвертер SVG в CSS

Превратите исходную SVG-разметку в правильно закодированное правило `background-image: url("data:image/svg+xml,...")`, которое можно вставить прямо в таблицу стилей.

Генератор волн SVG

Создайте плавный волновой разделитель SVG для заголовков и подвалов с настраиваемой амплитудой, частотой, цветом и положением сверху или снизу. Скопируйте код SVG.

Генератор SVG-блобов

Генерируйте органичные случайные SVG-блобы с настраиваемой сложностью, контрастом и сидом. Копируйте SVG-путь для фонов, hero-секций и масок аватаров.

SQL в NoSQL

Преобразуйте один SQL-запрос SELECT в запрос find() MongoDB. Сопоставляет столбцы, WHERE (=, >, <, >=, <=, !=), AND/OR, ORDER BY и LIMIT. Без JOIN, GROUP BY и агрегаций.

Генератор слагов

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

Форматтер SQL

Форматируйте SQL-запросы с правильными отступами, регистром ключевых слов и переносами строк. Поддерживает диалекты MySQL, PostgreSQL, SQL Server, SQLite, BigQuery.

Калькулятор SemVer

Повышайте номера семантических версий по правилам semver.org. Аккуратно обрабатывайте идентификаторы major, minor, patch, prerelease и метаданные сборки.

Конвертер RTF в HTML

Преобразуйте RTF в аккуратный HTML. Этот лёгкий конвертер сохраняет полужирный, курсив, подчёркивание, абзацы и переносы строк, а остальное удаляет, чтобы вы могли вставить чистый текст в любую CMS.

Инструмент вывода схемы

Превратите пример объекта JSON в готовый к вставке SQL CREATE TABLE, схему Mongoose или модель Sequelize. Инструмент читает одну запись и подбирает тип столбца для каждого поля.

Конвертер RGB в CMYK

Преобразуйте цвета RGB в проценты краски CMYK по стандартной формуле. Мгновенный образец и значения C/M/Y/K. Это математическое приближение, а не преобразование с управлением цветом.

Конвертер RGB в HEX

Преобразуйте значения rgb() в шестнадцатеричную форму #rrggbb, используемую в CSS и дизайн-инструментах. Обрабатывает 3-значное сокращение и rgba с альфой.

Конвертер RGB в HSL

Преобразуйте цвет RGB в параметры HSL (тон, насыщенность, светлота) для удобной работы с цветом в CSS. Меняйте светлоту или насыщенность, не искажая тон.

Конвертер RGB в HSV

Перевод цвета RGB в формат HSV (теневой индекс, насыщенность, яркость). Используется инструментами выбора цветов в дизайне, библиотеками обработки изображений и всеми рабочими процессами, основанными на принципе «чистый тон плюс белый/чёрный».

Генератор robots.txt

Сгенерируйте корректный файл robots.txt: задайте user-agent, перечислите пути Disallow и Allow, добавьте Crawl-delay и объявите ваш sitemap, затем скопируйте результат.

Генератор Regex из примера

Вставьте одну строку-пример и получите начальное регулярное выражение: последовательности цифр, прописных и строчных букв становятся классами символов с длиной, остальное остаётся экранированными литералами.

Тестер Regex

Протестируйте регулярное выражение PCRE на вашем тексте, выведите каждое совпадение с его позицией и изучите каждую группу захвата. Включите флаги без учёта регистра, многострочный и dotall.

Конвертер REM в PX

Введите значение rem и свой корневой размер шрифта, чтобы увидеть точный эквивалент в пикселях. По умолчанию использует корень 16 px по W3C, с таблицей быстрой справки для дизайн-ревью.

Просмотр отрендеренного HTML

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

Генератор бейджей README

Создавайте бейджи shields.io для файлов README на GitHub: статус сборки, версия, лицензия, число загрузок и покрытие кода. Просмотрите и скопируйте фрагмент Markdown.

Генератор README

Создайте структурированный README.md из нескольких полей: имя проекта, слоган, возможности, команда установки, фрагмент быстрого старта, автор и лицензия. Вставьте его прямо в свой репозиторий.

Генератор случайных дат

Равномерно выбирает 1–30 дней между двумя включёнными границами с местным названием дня недели.

Генератор вымышленных телефонных номеров

Создавайте до 50 вымышленных номеров из официально зарезервированных диапазонов пяти стран.

Конвертер PX в REM

Переводит неотрицательные пиксели в rem при положительном размере шрифта корневого элемента; по умолчанию 16 px.

Форматирование пробелов в Python

Приведите к единому виду отступы и простые пробелы у запятых и операторов. Это обработка текста, а не Black, Ruff или синтаксический анализатор.

Стринг-генератор запросов

Создайте запрос в кодировке RFC 3986 из строк «ключ–значение», сохранив повторяющиеся ключи и их порядок.

Парсер строки запроса

Вставьте URL или сырую строку запроса и увидите, как параметры разбиваются на читаемые строки в формате «ключ–значение» с корректной процентной декодировкой.

Кодер для печатного копирования

Преобразуйте текст в формат, пригодный для печати с использованием кодирования MIME, чтобы байты, не относящиеся к ASCII-сети, сохранялись при передаче по протоколу SMTP без искажений.

Генератор случайных адресов

Создавайте 1–20 похожих на адрес записей для макетов и тестов в трёх упрощённых форматах.

Генератор конфигурации Prettier

Выберите десять распространённых параметров Prettier и создайте файл .prettierrc.json, .prettierrc.yaml или CommonJS .prettierrc.js.

Конвертер Properties в JSON

Преобразуйте простые записи .properties в плоский или вложенный JSON с распознаванием чисел, логических значений и null.

Конвертер PT в PX

Переводите типографские пункты в пиксели CSS по фиксированному соотношению 96 px и 72 пункта на дюйм.

Кодировщик и декодировщик Punycode

Преобразует на сервере полное интернационализированное доменное имя между Unicode и ASCII Punycode по UTS #46.

Форматтер PHP

Добавьте переносы строк и отступы в 2 или 4 пробела в простой фрагмент PHP. Проверьте результат: это не парсер PHP и не средство применения PSR-12.

Конвертер пикселей в EM

Разделите значение CSS в пикселях на выбранный базовый размер шрифта и получите em, rem, проценты и пункты.

Генератор изображений-заполнителей

Создайте изображение 1–4000 пикселей с выбранными цветами и текстом, скачайте PNG или скопируйте URL и HTML.

Генератор package.json

Создайте корректный файл npm-package.json с указанием имени пакета, версии, скриптов, зависимостей и метаданных на основе простой формы.

Генератор конфигураций Nginx

Создайте server block для Nginx с TLS, HTTP/2, gzip, кэшированием в браузере и правилами обратного прокси, заполнив простую форму.

Генератор текстуры шума

Создайте бесшовную SVG-текстуру шума с настройкой прозрачности, частоты зерна, типа шума и цвета фона, а затем скопируйте готовый CSS.

Конвертер систем счисления

Преобразуйте числа между двоичной, восьмеричной, десятичной, шестнадцатеричной и любой пользовательской системой счисления от 2 до 36 с поразрядной разбивкой.

Конвертер восьмеричных чисел в двоичные

Мгновенно переводите восьмеричные числа в двоичные: каждая восьмеричная цифра заменяется своей группой из трёх бит, с полным пошаговым разбором.

Конвертер из восьмеричной системы в десятичную

Переводите восьмеричные числа (основание 8) в десятичные значения с полной позиционной формулой и пошаговым разбором на примере.

Валидатор OpenAPI

Вставьте документ OpenAPI или Swagger в JSON или YAML и проверьте его основную структуру: поле версии, объект info и paths, с понятными ошибками и предупреждениями.

Генератор мета-тегов

Соберите полный сниппет `<head>` с title, description, тегами Open Graph, Twitter Card, canonical и robots из простой формы.

Генератор таблиц Markdown

Создавайте таблицы Markdown визуально или вставляйте CSV/TSV. Управляйте выравниванием столбцов, отступами и строкой заголовка, затем копируйте выровненный вывод Markdown.

Конвертер Markdown в BBCode

Преобразуйте документы Markdown в BBCode для phpBB, vBulletin и форумных систем, поддерживающих только форматирование BBCode.

Конвертер из Markdown в HTML

Преобразуйте Markdown в чистый HTML с использованием расширений в стиле GitHub, подсветкой синтаксиса для кодовых блоков и по желанию, встроенными стилями.

Markdown в слайды

Превратите Markdown в набор слайдов с разделителями `---` и заметками докладчика и экспортируйте в HTML или PDF. Работает на Reveal.js.

Галерея Lorem Picsum

Просматривайте изображения-заглушки Lorem Picsum любого размера. Копируйте URL с размытием, оттенками серого или фиксированным seed для вайрфреймов и прототипов.

Проверка по алгоритму Луна

Проверяйте номера банковских карт, IMEI, SIN и другие номера, защищённые алгоритмом Луна. Возвращает результат «прошёл» или «не прошёл» и показывает каждый шаг удвоения и подсчёта контрольной суммы.

Форматтер Markdown

Приводите Markdown в порядок с единой иерархией заголовков, отступами в списках, переносами строк, выравниванием столбцов таблиц и сортировкой ссылочных определений.

Генератор изображений Markdown

Создавайте синтаксис изображения Markdown с альтернативным текстом, атрибутом title и необязательной ссылкой. Вывод во встроенном и ссылочном стиле.

Генератор ссылок Markdown

Создавайте синтаксис ссылок Markdown из URL и текста ссылки. Поддерживает всплывающую подсказку заголовка и ссылки ссылочного стиля для более аккуратных длинных документов.

Предпросмотр Markdown

Пишите на Markdown и сразу видьте, как обновляется отрендеренный HTML. Синтаксис в стиле GitHub с таблицами, списками задач, огороженными блоками кода и автоссылками.

Генератор лицензий

Создайте полный текст лицензий с открытым исходным кодом, в которых указаны ваше имя и год выпуска. Включены лицензии MIT, Apache 2.0, GPLv3, BSD-3, MPL-2.0 и CC.

JSON в структуру данных

Преобразуйте определения структур в языке Go с экспортированными полями, тегами JSON, необязательными указателями и вложёнными типами в формат, подходящий для кодирования и работы с JSON-данными.

JSON в класс Java

Генерация Java POJO из JSON с аннотациями Jackson или Gson, поддержкой Lombok и обработкой вложенных классов для проектов на Spring.

JSON в массив PHP

Преобразуйте JSON в литерал массива PHP: краткий синтаксис, ассоциативные и индексированные массивы, вложенные структуры, результат готов для вставки в файл .php.

JSON в класс данных для Python

Создание классов данных в Python из JSON-данных с указанием типов, обязательными полями, вложёнными классами и поддержкой формата dataclasses-json или Pydantic.

Конвертер JSON в TOML

Преобразуйте JSON в формат TOML с корректными заголовками таблиц, массивами таблиц и ключами с точками, форматировано для файлов Cargo, pyproject.toml и config.

JSON в TypeScript

Генерируйте интерфейсы или типы TypeScript из образцов JSON с поддержкой необязательных полей, объединённых типов, массивов и вложенных объектов.

Преобразование JSON в XML

Преобразование JSON в XML с настраиваемым корневым элементом, обработкой массивов, сопоставлением атрибутов и элементов, а также XML-декларацией.

JSON в YAML

Преобразуйте JSON в YAML с правильными отступами, безопасным заключением строк в кавычки, многострочными блочными скалярами и упорядоченными ключами для более чистых конфигураций.

Валидатор JSON

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

Декодировщик JWT

Декодируйте заголовок и полезную нагрузку JWT, посмотрите утверждения (claims) с проверкой срока действия и алгоритмом подписи, а затем проверьте подпись с помощью общего секрета или открытого ключа.

JavaScript-деобфускатор

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

Форматировщик JavaScript

Форматируйте JavaScript, JSX, TypeScript и JSON с настраиваемым отступом, стилем кавычек, точками с запятой и висячими запятыми.

Минифайер JavaScript

Сократите объём JavaScript-кода с помощью переименования переменных, удаления пробелов, устранения неактивного кода и фолдинга констант для более компактных пакетов.

Обфускатор JavaScript

Обфусцируйте JavaScript с помощью кодирования строковых массивов, переименования переменных, уплощения потока управления и внедрения мёртвого кода для защиты фронтенда.

Генератор конфигурации Jest

Создайте jest.config.js под TypeScript, React, Node, пороги покрытия и собственные правила преобразования с разумными значениями по умолчанию.

Онлайн-редактор JSON

Редактируйте JSON локально в браузере, просматривайте форматированную структуру, форматируйте или сжимайте текст, сортируйте ключи и скачивайте JSON-файл.

Минифайер JSON

Сжимайте JSON, удаляя пробелы, переносы строк и комментарии для сокращения размера данных в ответах API и встроенных конфигурациях.

JSONPath Tester

Тестирование выражений JSONPath на любом JSON-документе с поддержкой оперативных результатов, фильтров, рекурсивного анализа и обрезания массивов.

Генератор JSON-схем

Выведите JSON-схему из одного или нескольких примеров документов с определением типов, обязательных полей и перечислений (enum) для быстрого создания контрактов API.

Валидатор JSON Schema

Проверяйте JSON-документы по JSON Schema (draft 2020-12, 07, 04) с точными путями ошибок и полной поддержкой ключевых слов.

JSON в класс C#

Преобразуйте JSON в классы C# с атрибутами System.Text.Json или Newtonsoft, поддержкой nullable-ссылочных типов и вложенных типов.

JSON в CSV

Преобразуйте массив объектов в формат CSV с автоматическим определением столбцов, выравниванием вложенных объектов и использованием пользовательских разделителей.

Конвертер JSON в CSV

Экспортируйте любой массив в формате JSON в файл CSV с пользовательскими разделителями, функцией выравнивания вложенных структур, порядком столбцов и кодировкой UTF-8 для использования в Excel.

Конвертер JSON в Dart

Преобразуйте образцы JSON в null-безопасные модели Dart с вложенными типами, fromJson, необязательным toJson и приватной обработкой в браузере.

Конвертер из INI в JSON

Преобразуйте конфигурационный файл INI в JSON-формат: разделы превращаются в объекты, а пары «ключ=значение», в строковые свойства; обработка на стороне сервера не требуется.

Конвертер из INI в YAML

Преобразуйте конфигурационные файлы формата INI в YAML: разделы становятся отображениями, значения сохраняются в виде строк. Подходит для Helm, Ansible и пайплайнов CI.

Минификатор HTML

Сделайте HTML компактнее локально: удалите обычные комментарии и объедините пробелы. Проверьте результат перед использованием.

Конвертер HTML в BBCode

Преобразуйте фрагменты HTML в BBCode для phpBB, vBulletin и других форумных движков, которые не разрешают HTML в сообщениях.

Конвертер HTML в JSX

Преобразуйте HTML в корректный JSX для React, исправляя class против className, объекты встроенных стилей, самозакрывающиеся пустые элементы и регистр атрибутов.

Конвертер HTML в Markdown

Преобразуйте HTML-страницы и фрагменты в чёткий Markdown для статических сайтов, документов и приложений для ведения заметок.

Преобразователь HTML в текст

Удалите все HTML-теги и структурные элементы из маркапа для получения простого, читаемого текста, пригодного для использования в почтовых клиентах, анализа и индексации.

Проверка IBAN

Проверьте локально длину, национальную структуру и цифры MOD 97-10 номера IBAN. Без загрузки и без утверждения, что счёт существует.

Конвертер HEX в десятичное

Преобразуйте шестнадцатеричные числа в десятичные (система 10). Работает с адресами памяти, кодами ошибок, каналами RGB и целыми числами произвольной точности.

Конвертер HEX в HSL

Преобразуйте цвета в формате HEX в HSL для дизайн-систем CSS. HSL позволяет легко создавать согласованные палитры с одинаковой светлотой.

Конвертер HEX в RGB

Преобразуйте любой HEX-цвет в значения каналов RGB. Работает с коротким hex (#f00) и полным hex (#ff0000), с решеткой # или без нее.

Конвертер HSL в RGB

Преобразуйте значения HSL (тон 0-360, насыщенность %, светлота %) в каналы RGB. Удобно при переносе значений из дизайн-систем в графические редакторы.

Конвертер HSV в RGB

Преобразуйте HSV-значения (тон 0–360°, насыщенность %, яркость %) в значения каналов RGB для редактирования изображений, использования в Photoshop и дизайнерских инструментах.

Генератор перенаправлений для Htaccess

Создайте корректные правила перенаправления 301 и 302 в .htaccess по исходному и целевому URL для серверов Apache.

Конвертер Hexspeak

Преобразуйте неотрицательное десятичное число в классический Hexspeak или проверьте латинскую фразу по точным и консервативным правилам.

Конвертер из формата HEX в ASCII

Преобразует последовательности шестнадцатеричных байтов в текст в формате ASCII. Отлично подходит для отладки протоколов, обратного инженеринга и решений задач типа CTF.

Конвертер HEX в двоичный код

Мгновенно преобразуйте шестнадцатеричные числа в двоичные: каждая цифра превращается в свой 4-битный ниббл с ведущими нулями, сгруппированный для удобства чтения.

Конвертер формата HEX в CMYK

Преобразуйте цвета в формате Hex в процентные значения CMYK для печатного дизайна. Включены пояснения о том, почему цвета на экране и в печатных изданиях никогда не совпадают идеально.

Шпаргалка по командам Git

Быстрый справочник команд Git по задачам: повседневная работа, ветки, отмена изменений и stash незавершённой работы. Готовые однострочники, которые можно скопировать.

Генератор команд Git

Создавайте правильные команды Git для типовых задач: отменить коммит, изменить его, сделать rebase на main, cherry-pick, поставить тег на релиз, задать upstream и другое.

Генератор рабочих процессов для GitHub Actions

Сгенерируйте готовый к коммиту файл .github/workflows/ci.yml для Node, PHP или Laravel. Триггеры push и PR, свежие actions и правильные версии среды выполнения.

Генератор README профиля GitHub

Создайте файл README.md для страницы вашего профиля в GitHub (репозиторий username/username) со слоганом, навыками, карточками статистики и распределением по языкам.

Генератор .gitignore

Создайте файл .gitignore под ваш стек. Готовые правила для зависимостей, результатов сборки, файлов окружения и шума локального редактора.

Построитель запросов GraphQL

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

Создатель блок-схем

Создавайте визуальные блок-схемы в браузере с пятью типами узлов, направленными связями и загрузкой SVG или PNG.

Метод сопоставления нечётких списков

Сопоставляйте записи из двух списков, которые не полностью совпадают. Установите порог схожести и определите наиболее подходящий вариант для каждого элемента.

Инструмент для проверки совпадения файлов

Сравнивайте два файла или фрагмента построчно с подсветкой добавлений, удалений и изменений, с опциями игнорирования пробелов и регистра.

Конвертер размера файлов

Преобразуйте значения между байтами, КБ, МБ, ГБ, ТБ и двоичными единицами IEC (KiB, MiB, GiB, TiB), свободно сочетая десятичные и двоичные единицы.

Конвертер эпохи Unix

Переводите метки времени Unix (epoch) в понятные даты по UTC и обратно. Выбирайте точность в секундах или миллисекундах.

Генератор ESLintrc

Создайте конфигурацию .eslintrc в формате JSON с нужными окружением (env), парсером, плагинами и правилами для проектов на Browser, Node, TypeScript и React.

Генератор EditorConfig

Соберите .editorconfig из своих правил отступа, конца строки и кодировки, а затем добавьте корректную секцию для каждого языка в репозитории: Python, Go, YAML, Makefile и других.

Валидатор электронной почты

Проверьте адрес электронной почты: синтаксис RFC 5322, запрос MX-записей в реальном времени, а также сведения о локальной части, домене и длине. Никаких писем не отправляется.

Конвертер EM в REM

Преобразуйте единицы CSS между em, rem и пикселями при любом базовом размере шрифта. Показывает шаги расчёта и типичные базовые размеры для адаптивной типографики.

Просмотр различий

Вставьте две версии любого текста и выделите добавленные, удалённые и неизменённые строки. Сравнивайте их в двух колонках или в едином встроенном представлении.

Генератор Docker Compose

Создайте docker-compose.yml на основе определений служб с образом, портами и томами, с разумными значениями по умолчанию.

Генератор Dockerfile

Создайте готовый к продакшену Dockerfile для Node.js, Python, PHP, Go или Rust: шаги с учётом кэша, открытый порт и многоэтапные сборки для компилируемых языков.

Конвертер из десятичной в шестнадцатеричную

Введите десятичное целое и мгновенно получите его шестнадцатеричный эквивалент, включая отрицательные значения в 64-битном дополнительном коде.

Конвертер из десятичной в восьмеричную систему

Преобразуйте целые десятичные числа в восьмеричную форму (основание 8). Введите число и сразу получите восьмеричные цифры. Метод деления на 8 объяснён ниже.

Конвертер cURL

Локально преобразуйте команду cURL в код Fetch для браузера или Node.js, Python Requests либо PHP cURL без выполнения запроса.

Конвертер единиц хранения данных

Конвертируйте размеры данных между битами, байтами, килобайтами, мегабайтами, гигабайтами, терабайтами и петабайтами, используя десятичную (1000) или двоичную (1024) систему.

Генератор CSS-подсказок

Создавайте доступные всплывающие подсказки на чистом CSS с помощью data-атрибутов и ::after. Настройте положение, фон и цвет текста без единой строки JavaScript.

CSS в Tailwind

Вставьте правило CSS и получите соответствующие классы-утилиты Tailwind CSS, включая запасные произвольные значения для всего, что выходит за пределы стандартной шкалы.

Генератор CSS-треугольников

Создавайте чистые CSS-треугольники в любом направлении с помощью трюка с границей нулевой ширины. Выберите направление, размер и цвет заливки, затем скопируйте объявление.

От CSV к JSON

Преобразуйте CSV-файл с заголовочной строкой в JSON-структуру в виде массива объектов: заголовки становятся ключами, а строки данных, объектами, пригодными для использования в API и JavaScript-коде.

Конвертер CSV в JSON

Преобразует таблицы CSV в формат JSON с возможностью выбора разделителя (запятая, табуляция, точка с запятой), настройки обработки заголовков, а также режима вывода, форматированный или компактный.

Конвертер CSV в Markdown

Преобразуйте строки CSV в таблицы GitHub Flavored Markdown со строкой-разделителем заголовка и ячейками, разделёнными символом «|», готовые для вставки в файлы README или пул-реквесты.

Конвертер CSV в YAML

Преобразуйте данные CSV в чистый YAML в виде списка сопоставлений: заголовки становятся ключами, а строки, вложенными сопоставлениями внутри массива верхнего уровня.

Генератор теней box-shadow для CSS

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

Генератор CSS-карточек

Создайте CSS для контейнера карточки: фон, граница, скругление углов, внутренние отступы и мягкая тень, с мгновенным предпросмотром и кодом для копирования.

Генератор CSS-чекбоксов

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

Генератор CSS clip-path

Создайте готовое правило clip-path. Выберите одну из четырех заготовок, треугольник, ромб, трапецию или шестиугольник, и скопируйте CSS.

Генератор CSS-разделителей

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

Генератор фильтров CSS

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

Генератор CSS Flexbox

Создайте CSS для flex-контейнера за считанные секунды. Выберите flex-direction, justify-content, align-items, gap и wrap и скопируйте готовый CSS.

Форматировщик CSS

Превратите минифицированный или запутанный CSS в читаемый код: одно объявление на строку, отступ в два пробела и пустая строка между правилами. Блочные комментарии удаляются при форматировании.

Генератор форм CSS

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

Генератор CSS-градиентов

Создайте готовый CSS-градиент из двух цветов. Выберите линейный или радиальный, задайте угол и скопируйте код фона.

Генератор CSS Grid

Создайте правила контейнера CSS Grid: фиксированное число равных колонок, свой отступ и адаптивную замену с минимальной шириной, готовые к копированию.

Генератор CSS-ключевых кадров

Создайте правило @keyframes для анимаций fade-slide, pulse, spin или bounce с собственным именем, длительностью и расстоянием, готовое к копированию.

Генератор CSS-загрузчиков

Создайте круговой спиннер на чистом CSS: задайте диаметр, толщину рамки, цвет и скорость вращения, посмотрите живой предпросмотр и скопируйте готовый код. Без SVG и JavaScript.

CSS-минификатор

Минифицируйте CSS, удаляя пробелы и комментарии. Типичная экономия 25-50% на форматированных стилях, а вывод ведёт себя точно так же, как оригинал.

Генератор модальных окон CSS

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

Генератор таблиц тарифов на CSS

Создайте карточку тарифа на HTML + CSS: название тарифа, цена и акцентный цвет бренда. Скопируйте код на посадочную страницу.

Генератор CSS-скроллбара

Настройте вид скроллбара в CSS. Современные scrollbar-color / scrollbar-width и устаревший ::-webkit-scrollbar для широкой поддержки.

Генератор вкладок CSS

Создайте собственную панель вкладок на HTML + CSS: акцентный цвет активной вкладки, скругление углов и состояние при наведении. Скопируйте код в свой проект.

Генератор теней текста CSS

Создайте декларацию text-shadow, задав смещения по X и Y, размытие и цвет, затем скопируйте готовую строку CSS в свою таблицу стилей.

Генератор cron-выражений

Создавайте cron-выражения Unix на основе визуального расписания: выберите минуту, час, день, месяц и день недели и получите точный синтаксис для crontab, Kubernetes или GitHub Actions.

Парсер cron-выражений

Вставьте cron-выражение из 5 полей или сокращение вроде @daily и посмотрите нормализованную форму, все значения каждого поля, важные предупреждения и 5 ближайших запусков в вашем часовом поясе.

Crontab Guru

Вставьте стандартное cron-выражение из 5 полей и получите понятное объяснение каждого поля, важные предупреждения и пять ближайших запусков в вашем часовом поясе.

Декодер CSR

Вставьте запрос на подпись сертификата (CSR) в формате PEM и прочитайте поля субъекта, а также алгоритм и размер открытого ключа, без установки инструментов.

Генератор CSS-анимации

Создавайте CSS-анимации @keyframes из встроенных пресетов. Задайте имя, длительность, easing, число повторов и направление, просмотрите в реальном времени и скопируйте CSS.

Генератор CSS-стрелок

Создайте CSS-стрелку локально, задав направление, цвет, размер и толщину рамки, затем скопируйте правило.

Генератор border-radius для CSS

Задайте радиусы четырёх углов (верхний левый, верхний правый, нижний правый, нижний левый), выберите px, % или rem и скопируйте готовую сокращённую запись border-radius.

Смешивание цветов

Смешайте два HEX-цвета в 2-20 равномерных образцов. Каждый промежуточный цвет показывается как HEX-код в верхнем регистре, включая оба края.

Конвертер цветовых кодов

Преобразование между самыми распространёнными веб-кодами цвета: HEX (#RGB, #RRGGBB), rgb(r,g,b) и hsl(h,s%,l%). Предпросмотр в реальном времени и копирование в один клик.

Проверка цветового контраста

Проверьте коэффициент контрастности WCAG между цветами переднего плана и фона. Пройден/не пройден для АА, ААА, контраста крупного текста и нетекста.

Генератор затемнённых оттенков

Создавайте более тёмные оттенки HEX-цвета основы в 3–20 равномерных ступенях, удобных для палитр дизайн-систем и состояний наведения/нажатия.

Генератор цветового оттенка

Создание более светлых оттенков базового цвета. Шкала из 3-20 ступеней для токенов системы дизайна, фона и состояний при наведении.

Генератор журнала изменений

Создайте раздел Markdown в стиле Keep a Changelog из записей по категориям. Вставьте записи в категории Added, Changed, Fixed и Removed, выберите Markdown или обычный текст и скопируйте результат.

Калькулятор Chmod

Преобразование между восьмеричными кодами chmod (755, 644) и строками разрешений rwx. Переключите пользовательские, групповые и другие биты и посмотрите полученную команду chmod.

Конвертер CMYK в RGB

Преобразуйте проценты CMYK в приблизительные значения RGB и Hex для быстрого экранного предпросмотра по стандартной формуле.

Код в изображение

Вставьте код, настройте тему, цвета, размер шрифта, отступы, заголовок и номера строк, посмотрите canvas-предпросмотр и скачайте PNG. Рендер обычного текста, без подсветки синтаксиса.

Декодер сертификатов

Вставьте сертификат X.509 PEM и просмотрите расшифрованные поля: субъект, эмитент, серийный номер, алгоритм подписи, срок действия и альтернативные имена субъекта.

Конвертер пикселей в пункты

Переводите неотрицательные значения в CSS-пикселях в типографские пункты по формуле 1 px = 0,75 pt. До четырёх знаков после запятой.

Шпаргалка по регулярным выражениям

Поисковый справочник регулярных выражений для JavaScript, PCRE2/PHP, Python re и .NET. Сравнивайте токены, синтаксис движков, якоря, группы, проверки и флаги.

Генератор фоновых узоров

Создайте точки, сетку, частые полосы, шахматный узор, перекрёстную штриховку или разреженные диагонали с выбранными цветами и интервалом, затем скопируйте CSS.

Шпаргалка по Markdown

Практический справочник Markdown с настоящим предпросмотром и готовыми для копирования примерами заголовков, списков, таблиц, кода, ссылок, изображений и синтаксиса GFM.

Просмотрщик диаграмм Mermaid

Пишите синтаксис Mermaid для блок-схем, диаграмм последовательности, диаграмм классов и диаграмм Ганта; мгновенно просматривайте как SVG, копируйте или скачивайте.

Генератор сетчатого градиента

Создайте градиент с 4, 6 или 9 подвижными цветовыми точками. Скачайте SVG или PNG либо скопируйте CSS с радиальными градиентами.

Справочник сочетаний клавиш

Ищите документированные сочетания по умолчанию для VS Code, Chrome и Bash с GNU Readline в macOS, Windows и Linux.

Тестер XPath

Проверяйте выражения XPath 1.0 на своём XML или HTML прямо в браузере и изучайте каждый найденный узел с атрибутами, текстом и разметкой.

Форматер YAML

Форматируйте YAML в браузере с едиными отступами, необязательной сортировкой ключей и безопасными кавычками, чтобы конфиги оставались читаемыми и давали чистые диффы.

Генератор таблиц HTML

Создавайте чистые, адаптивные HTML-таблицы из строк и столбцов с настройкой заголовков, рамок и чередующихся полос (зебра).

Конвертер HTML в изображение

Отрисуйте HTML и CSS как PNG или JPG фиксированного размера в браузере. Выберите холст и масштаб, проверьте результат и скачайте.

Проверка кода состояния HTTP

Проверьте в браузере конечный HTTP-статус, итоговый URL, время получения заголовков и заголовки, открытые через CORS.

Генератор градиентов CSS

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

Справочник символов HTML

Справочник HTML-сущностей с поиском, их именованными и числовыми кодами, а также копированием специальных символов и знаков одним кликом.

Форматировщик HTML

Форматируйте HTML локально в браузере с отступом в два или четыре пробела. HTML не загружается и не проверяется.

Создание ERD-диаграмм

Создавайте структурированные ERD в браузере: сущности, поля, роли PK и FK, связи и кардинальность. Экспортируйте Mermaid, SVG или PNG локально.

Поиск дополнительного цвета

Найдите дополнительный цвет для любого цвета. Возвращает противоположный цвет по HSL, пару сплит-комплементарных цветов и подсказки для доступных сочетаний.

Генератор CSS-аккордеона

Создайте аккордеон из трёх разделов на details и summary. Настройте текст, цвета, отступы, значки и способ открытия, затем скопируйте или скачайте код.

Генератор CSS-кнопок

Настройте CSS-кнопку со сплошным или градиентным фоном, шестью состояниями, проверкой контраста, безопасным HTML и CSS и скачиванием готового файла.

Генератор команд cURL

Создавайте приватные команды cURL для bash, zsh, WSL или PowerShell из HTTP URL, заголовков, авторизации, JSON, необработанных данных и полей URL-кодированной формы.

Обозреватель цветового круга

Исследуйте цветовой круг в интерактивном режиме. Вращайте гармонии, сравнивайте HSL и RYB, находите дополнительные и триадные пары в реальном времени.

Минификатор XML

Локально сократите комментарии XML и пробельные последовательности с переносом строки между токенами разметки в корректном XML.

Конвертер XML в YAML

Преобразуйте корректно сформированный XML-документ в читаемое YAML-представление по фиксированным правилам прямо в браузере. Сохраните имена элементов, атрибуты, текст и повторы.

Проверка синтаксиса XML

Проверьте в браузере, корректно ли сформирован синтаксис XML, и получите сообщение об ошибке разбора без загрузки содержимого.

Конвертер YAML в TOML

Преобразуйте одно отображение YAML в TOML прямо в браузере. Перед использованием результата проверьте вложенные таблицы, массивы и ограничения преобразования.

Валидатор YAML

Проверьте до 100 документов YAML в браузере, найдите точную строку и столбец любой ошибки и заметьте значения, которые меняют смысл.

Просмотр двоичных файлов в hex

Выберите файл и локально изучите ограниченный фрагмент с любого допустимого байтового смещения как hex dump с колонками offset, hex и ASCII.

Поиск названия цвета

Найдите ближайший стандартный именованный цвет CSS для HEX, RGB или HSL по разнице CIEDE2000.

Генератор аналоговых цветов

Создайте аналоговую палитру из пяти цветов: классической центральной тройки, двух внешних оттенков и значений в форматах hex, RGB и HSL.

Справочная таблица ASCII

Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.

Симулятор счётчика команд

Проследите упрощённый листинг команд фиксированной длины с метками, переходами, вызовами, возвратами и 16-, 24- или 32-битными адресами.

Генератор градиентных обоев

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

Проверка телефонных номеров

Проверьте структуру номера по стране и получите регион, тип, форматы E.164, международный, национальный и RFC 3966.

Просмотр файлов HAR

Открывайте сетевые записи HAR локально, фильтруйте запросы, изучайте скрытые заголовки и тайминги и экспортируйте очищенные сводки без загрузки файла.

Счетчик FPS

Измерьте FPS браузера через requestAnimationFrame: сглаживание, минимальная и максимальная частота кадров, порог предупреждения и график по желанию. Работает локально, без загрузок и API.

Упрощатель булевой алгебры

Вычислите значение булева выражения для каждой комбинации входов и получите полную таблицу истинности. Поддерживается до пяти переменных и операторы &, |, ! и ^.

Конвертер двоичного кода в ASCII

Вставьте двоичный код (байты через пробел или длинный поток битов) и получите текст ASCII, который он представляет, декодированный по 8 бит за раз.

Двоичное в десятичное

Переведите двоичное число в десятичное или десятичное в двоичное мгновенно. Вставьте одно число и прочитайте результат.

Конвертер двоичного в hex

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

Конвертер двоичного в восьмеричное

Переводите двоичное в восьмеричное, группируя биты по три. Полезно для прав доступа Unix, устаревших систем и компактного отображения чисел.

Конвертер BBCode в HTML

Преобразуйте BBCode (разметку форумов) в чистый HTML. Поддерживает теги форматирования, списки, цитаты, код, изображения и ссылки.

Конвертер Base64 в Hex

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

Конвертер ASCII в двоичный код

Переводите любую ASCII-строку в двоичное представление. Каждый символ становится восемью битами, разделёнными пробелами, готовыми для трассировки протокола или домашнего задания.

Конвертер ASCII в HEX

Переводите текст ASCII в шестнадцатеричные значения байтов. В выводе на каждый символ приходится две шестнадцатеричные цифры, готовые для дампов памяти, трассировок пакетов или таблиц прошивки.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.

Генератор случайных цветов

Создавайте от 1 до 50 случайных HEX-цветов с образцами для просмотра, копирования и использования в CSS, тестах или подборе палитр.

Форматировщик JSON

Вставьте JSON, чтобы оформить его с отступом 2 или 4 пробела, минифицировать до компактного вывода или быстро проверить синтаксис перед копированием результата.

Генератор цветовой палитры

Создавайте монохромные, аналоговые, комплементарные, триадные или тетрадные палитры из базового HEX-цвета и экспортируйте готовые CSS-переменные.

Выбор цвета HEX

Выберите или введите HEX-цвет и получите RGB, HSL, примерный CMYK, относительную яркость и контраст с белым и чёрным.

Генератор случайных цветовых палитр

Создавайте случайные палитры из 2–15 цветов, выбирайте яркий, пастельный, приглушенный или темный стиль и копируйте HEX-коды или CSS-переменные.