Fast Text Format Tools
Идеальный набор сверхбыстрых утилит для форматирования, конвертации и оптимизации вашего рабочего процесса.
Избранное
Недавно использованные
Недавно добавленные
Текст и сравнение
Регистр и Конвертеры
Мгновенная конвертация регистра строк, кодирование URL и декодирование Base64.
Кодировщик / Декодер
Кодирование и декодирование различных форматов, таких как URL, Base64 и сущности HTML.
Сортировка Списков и Удаление Дубликатов
Мгновенная сортировка массивов текста по алфавиту, числам или длине с удалением повторяющихся строк.
Замена Regex
Выполняйте регулярные выражения, просматривайте совпадения и используйте шпаргалки.
Различия текста
Сравнивайте два блока текста рядом, чтобы выделить различия.
Статистика текста
Считайте слова, символы, предложения, оценивайте время чтения и проверяйте плотность ключевых слов.
Переводчик
Мгновенно переводите текст между десятками языков.
Код и форматирование
Base64 в файл
Декодируйте строки Base64 или Data URI обратно в скачиваемые файлы (изображения, PDF, документы, аудио) с мгновенным предпросмотром.
Улучшитель кода
Форматируйте, проверяйте и минифицируйте код JSON, JavaScript, CSS и HTML в чистый и читаемый синтаксис.
Форматирование CSS
Форматируйте, улучшайте, проверяйте и минифицируйте код CSS с настраиваемыми отступами.
Визуальные генераторы CSS
Визуально создавайте и экспортируйте код CSS для теней блоков, градиентов, Flexbox и Grid макетов.
CSV в JSON/SQL
Преобразование данных CSV в массивы JSON или запросы SQL INSERT.
cURL в Fetch
Легко конвертируйте команды cURL в код JavaScript Fetch API.
HTML / XML
Мгновенно улучшайте, минифицируйте и очищайте грязный код.
HTML в JSX
Клиентский инструмент для преобразования HTML-тегов/атрибутов в JSX, совместимый с React.
HTML в Tailwind CSS
Преобразуйте встроенные стили и правила CSS в утилитарные классы Tailwind CSS с живым предпросмотром.
Обфускатор JS
Преобразуйте читаемый код JavaScript в нечитаемый и минифицированный для защиты логики.
JSON в код
Конвертация объектов JSON в типизированные модели для различных языков.
JSON Tree Viewer
Визуально исследуйте, развертывайте, сворачивайте, ищите и фильтруйте структуры JSON с инспекцией путей.
Markdown
Пишите чистый markdown с предпросмотром HTML в реальном времени.
Просмотр Source Map
Клиентский инструмент для загрузки файлов .map и деминификации трассировок стека.
Форматирование SQL
Улучшайте и форматируйте грязные запросы SQL.
Экранирование строк
Безопасное экранирование (и деэкранирование) кавычек, обратных слешей и переносов строк для JSON, SQL, HTML и Java/C#.
Оптимизатор SVG
Минификация и очистка исходного кода SVG.
SVG в PNG/WEBP
Клиентский инструмент на canvas для растеризации кода или файлов SVG в скачиваемые изображения.
Утилиты XML
Форматирование и минификация строк XML.
YAML <-> JSON
Мгновенная конвертация между YAML и JSON.
Данные и криптография
Bcrypt Хэш
Генерируйте и проверяйте пароли Bcrypt локально.
Время Epoch
Конвертация временных меток в понятные человеку даты.
Генератор хэшей
Вычисляйте криптографические хеши MD5, SHA-1, SHA-256 и SHA-512.
Декодер JWT
Безопасно парсите JSON Web Tokens в отформатированные данные заголовка и полезной нагрузки.
Генератор HMAC
Вычисление и проверка криптографических подписей HMAC с использованием SHA-256, SHA-512, MD5 и секретных ключей.
Генераторы и утилиты
ASCII Арт
Генерируйте большие текстовые баннеры в виде ASCII арта.
Генератор штрих-кодов
Клиентский инструмент на canvas для создания линейных штрих-кодов (UPC, EAN, Code39) из текста.
Калькулятор CHMOD
Легко рассчитывайте права доступа к файлам в Linux.
Цветовой контраст
Проверка доступности цветового контраста WCAG.
Формат цвета
Мгновенная конвертация цветовых кодов HEX, RGB и HSL.
Декодер Cron
Переводите расписания cron в понятный текст.
Генератор Фавиконов
Конвертируйте стандартные изображения в универсально совместимые файлы .ico и создавайте стандартные размеры иконок для веб-приложений.
Изображение в Base64
Преобразуйте файлы изображений в строки Base64 Data URI и свойства CSS background-image.
Сжатие изображений
Сжимайте и оптимизируйте изображения JPEG, PNG, WEBP и AVIF локально в браузере.
Генератор таблиц уценки
Визуальный редактор сетки, который позволяет пользователям легко добавлять строки/столбцы и мгновенно выводить идеально отформатированный синтаксис таблицы Markdown.
Генератор Метатегов и Open Graph
Создавайте и визуально просматривайте метатеги SEO, карточки Twitter и теги Facebook Open Graph.
Генератор ложных данных
Создавайте сотни строк поддельных тестовых данных (имена, адреса электронной почты, даты, кредитные карты) и экспортируйте их в виде операторов CSV, JSON или SQL INSERT для тестирования базы данных.
Генератор паролей
Создавайте надежные, безопасные пароли с использованием криптографических алгоритмов.
Набор инструментов PDF
Объединяйте, разделяйте, извлекайте, поворачивайте и меняйте порядок страниц PDF на 100% локально в браузере.
Текст-заполнитель
Создание случайного текста для макетов UI.
QR-код
Создавайте масштабируемые, сканируемые QR-коды из текста или URL.
Тестер и построитель регулярных выражений
Тестируйте регулярные выражения с помощью выделения групп совпадений и захвата в реальном времени, объяснения синтаксиса и режимов многострочного тестирования.
Генератор Robots.txt
Создавайте корректные правила robots.txt, директивы обхода и блокируйте парсеры ИИ.
UUID / GUID
Мгновенная генерация универсальных уникальных идентификаторов (v4).
Генератор XML-карты сайта
Создавайте валидные XML-карты сайта с пользовательскими URL, частотой обновления и приоритетами для поисковых систем.
Финансы и единицы
Конвертер валют
Рассчитывайте глобальные курсы валют в реальном времени.
Конвертер единиц
Мгновенно конвертируйте длину, вес, температуру и объем данных.
Сеть
Поиск DNS
Проверка записей DNS в реальном времени.
Просмотр заголовков HTTP
Просмотр заголовков HTTP-запроса, отправляемых вашим браузером.
Тест скорости интернета
Проверьте скорость загрузки и отдачи вашего соединения.
Поиск IP
Поиск IP-адресов и данных о геолокации.
Поиск вендора MAC
Определение производителя оборудования по MAC-адресу.
Запрос RDAP
Поиск регистрационных данных доменов и IP, регистратора, серверов имен и статуса DNSSEC через RDAP.
Отслеживание перенаправлений и ссылок
Раскрывайте сокращенные ссылки и отслеживайте полные цепочки перенаправлений HTTP 301/302 до конечного пункта назначения.
Инспектор SSL-сертификатов
Проверяйте действующие SSL/TLS-сертификаты, цепочки издателей, таймер окончания срока действия, домены SAN и отпечатки для любого домена.
Калькулятор подсетей
Расчет масок сети CIDR и диапазонов IP.
Анализатор URL
Легко извлекайте и собирайте строки запросов URL.
Анализатор User-Agent
Извлечение информации об ОС и браузере из строк User-Agent.
Тестер вебхуков
Отправка, тестирование и отладка вебхуков с настраиваемыми заголовками, подписями HMAC и инспекцией ответов в реальном времени.
Визуальные генераторы CSS
Визуально создавайте и экспортируйте код CSS для теней блоков, градиентов, Flexbox и Grid макетов.
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.25);background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);Click any item in the preview to select and inspect its properties.
.flex-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 16px;
}Как использовать
Выберите режим генератора (Тень блока, Градиент, Flexbox или Grid). Настройте параметры с помощью ползунков и скопируйте полученный CSS-код.
Часто задаваемые вопросы
Как работает CSS Box Shadow и что означает каждый параметр?
Свойство CSS box-shadow присоединяет одну или несколько теней к фрейму элемента. Параметры определяют смещение по горизонтали (X), смещение по вертикали (Y), радиус размытия (насколько мягким или размытым выглядит край тени), радиус распространения (насколько тень расширяется или сжимается), цвет тени (обычно полупрозрачный RGBA) и необязательное ключевое слово «inset» для рендеринга тени внутри контейнера.
Почему вам следует использовать несколько слоев box-shadow для реалистичных теней пользовательского интерфейса?
Реальные тени состоят как из окружающего света, так и из прямого направленного света. Наложение плотной, немного более темной тени на обширную, мягкую тень с низкой непрозрачностью создает естественную высоту и глубину, не выглядя при этом мутными или искусственными.
В чем разница между линейными и радиальными градиентами в CSS?
Линейные градиенты меняют цвета вдоль прямой оси, определяемой градусами или ключевыми словами (например, 135 градусов или «вниз вправо»). Радиальные градиенты выходят наружу из одной исходной точки в виде кругового или эллиптического узора, создавая прожекторные или сферические цветовые переходы.
Когда следует использовать CSS Flexbox или CSS Grid?
Flexbox — это одномерная система макетов, идеально подходящая для организации элементов в одной строке или столбце (например, панелей навигации, групп кнопок и выравнивания панелей инструментов). CSS Grid — это двухмерная система макетов, предназначенная для сложных структур веб-страниц, макетов информационных панелей с несколькими столбцами и строгого выравнивания сетки.
В чем разница между justify-content и align-items во Flexbox?
justify-content управляет распределением гибких элементов вдоль главной оси (горизонтально, когда flex-direction — строка; вертикально, когда столбец). align-items управляет позиционированием элемента вдоль поперечной оси (перпендикулярно главной оси).
Как повтор(auto-fit, minmax(...)) создает адаптивные сетки без медиа-запросов?
Ключевое слово auto-fit указывает контейнеру сетки разместить как можно больше столбцов в зависимости от текущей ширины контейнера. Функция minmax(200px, 1fr) гарантирует, что каждый столбец никогда не сжимается ниже 200 пикселей, а пропорционально расширяется, занимая оставшееся доступное пространство.
Что такое свойство разрыва в современных макетах CSS?
Свойство разрыва определяет одинаковое расстояние между строками и столбцами как в макетах Flexbox, так и в макетах Grid. Он заменяет устаревшие методы использования полей и отрицательные поля и не добавляет пробелов по внешнему периметру контейнера.
Совместимы ли сгенерированные стили CSS со всеми современными веб-браузерами?
Да. Современные CSS box-shadow, линейные/радиальные градиенты, Flexbox и CSS Grid имеют универсальную поддержку в браузерах Chrome, Firefox, Safari, Edge, iOS Safari и Android без необходимости использования устаревших префиксов поставщиков, таких как -webkit- или -moz-.
Как flex-grow и flex-shrink определяют размер предмета?
flex-grow определяет, какую часть оставшегося положительного пространства контейнера должен поглотить элемент по сравнению с его братьями и сестрами. flex-shrink определяет скорость сжатия элемента, когда в контейнере недостаточно места.
Могу ли я использовать экспортированный CSS в проектах React, Vue, Svelte или Tailwind?
Да. Экспортированные правила CSS можно вставлять непосредственно в стандартные файлы CSS, модули CSS, стилизованные компоненты или переводить в произвольные служебные классы Tailwind (например,shadow-[...], bg-[linear-gradient(...)]).
Ничего не найдено
Попробуйте изменить условия поиска.