Инструменты разработчика
(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-переменные.