Border Radius Generator
Визуальный конструктор CSS border-radius
Загрузка...
Загрузка...
Если reChecker работает неправильно, опишите проблему и укажите страницу, на которой она возникла. Оставьте email или телефон — мы ответим после проверки.
CSS-генераторы и конвертеры: градиенты, тени, border-radius, flexbox, grid, цвета, типографика.
21 инструментов в категории
Визуальный конструктор CSS border-radius
Извлечение цветовой палитры из картинки
Визуальный конструктор CSS clip-path
Генератор эффекта стекла (glassmorphism)
Песочница CSS-фильтров с превью
Конвертация CSS в SCSS и обратно
Конвертация пикселей в rem/em
Расчёт специфичности CSS-селекторов
Генератор типографической шкалы
Интерактивная песочница CSS Flexbox
Генератор CSS Grid разметки
Конвертация CSS в классы Tailwind
Конвертация HTML в JSX/React компоненты
Генератор CSS градиентов
Конструктор CSS box-shadow
Конвертер HEX/RGB/HSL/HSV цветов
Проверка контраста цветов по WCAG
Извлечение цветовой палитры по URL сайта
Генератор CSS спрайтов
Генератор дизайн-токенов: CSS переменные, Tailwind, JSON
Предпросмотр сайта на разных устройствах через iframe
CSS-инструменты reChecker — это онлайн-генераторы и конвертеры для фронтенд-разработчиков. Создавайте CSS-градиенты, тени, border-radius и clip-path через визуальный интерфейс, мгновенно получая готовый код для копирования в проект.
В категории CSS вы найдёте: генераторы glassmorphism и neumorphism-эффектов, конвертеры CSS в SCSS и Tailwind, калькуляторы специфичности селекторов, генераторы типографической шкалы и дизайн-токенов. Инструменты Flexbox Playground и CSS Grid Generator помогут быстро прототипировать сложные раскладки.
Конвертер px/rem, проверка контраста цветов по стандартам WCAG, CSS Filter Playground с живым превью — все инструменты созданы для ускорения разработки и соблюдения стандартов доступности. Большинство CSS-инструментов полностью бесплатны.
Откройте Gradient Generator, выберите тип (linear, radial, conic), добавьте цвета и получите готовый CSS-код с поддержкой префиксов -webkit-. Всё работает в реальном времени.
Инструмент «px ↔ rem» конвертирует значения в обе стороны с учётом базового размера шрифта (по умолчанию 16px). Можно задать любой базовый размер.
Инструмент «CSS → Tailwind» принимает CSS-правила и конвертирует их в соответствующие классы Tailwind CSS. Поддерживаются margin, padding, цвета, flexbox и другие свойства.
Это инструмент для создания дизайн-токенов — цветов, размеров, отступов и типографики в едином формате. Экспорт в CSS-переменные, конфиг Tailwind и JSON для дизайн-систем.
Инструменты для SEO-анализа сайтов: технический аудит, мета-теги, редиректы, sitemap, robots.txt, ссылки и Core Web Vitals.
DevOpsИнструменты для разработчиков: форматирование JSON/XML/SQL/YAML, генераторы конфигов, редакторы кода.
УтилитыУтилиты для повседневных задач: генераторы паролей, QR-кодов, конвертеры изображений, таймеры, кодировщики.
ДизайнИнструменты для дизайнеров: выбор цвета, палитры, контрастность, дизайн-токены.
БезопасностьПроверка безопасности сайтов: SSL-сертификаты, HTTP-заголовки, CSP, DNS, WHOIS, пароли.
МониторингМониторинг сайтов: uptime, SSL-сертификаты, SEO-показатели, позиции в поиске, еженедельные отчёты.
AIAI-инструменты: генерация изображений, текстов, мета-тегов, озвучка, транскрипция, удаление фона.