Design

Находит ближайший именованный цвет CSS для любого hex-значения по метрике CIEDE2000 и показывает всё семейство цвета.

Design

Генерирует «градиентную сетку», популярную на Dribbble/Behance с 2024-го: несколько радиальных градиентов (цветовое пятно → растворение в прозрачный того же тона) поверх базового цвета (опционально — конический слой), с режимами наложения, SVG-зерном, сидированными раскладками (углы / кольцо / разброс / сетка), живым превью, копируемым CSS и Tailwind-классом. Пятна гаснут через 8-значный hex #RRGGBB00 — без серого кольца ключевого слова transparent.

Design

Загрузите одно мастер-изображение и получите полный комплект: Instagram (1:1 / 4:5 / 3:4 для сетки / Story / Reel), X (хедер 1500×500 / лента), LinkedIn (личный баннер / обложка компании / картинка поста), YouTube (превью / баннер канала) и ссылку Facebook. Каждый кроп показывается с проверенной 2025-2026 маской безопасной зоны (поля Story, круг аватара X, зона аватара LinkedIn, плашка длительности YouTube) и всё уезжает в ZIP.

Design

Сквозной генератор полного CSS-сниппета глассморфизма или неоморфизма: настройте размытие, насыщенность, непрозрачность оттенка, радиус, рамку, внешнюю тень и верхний блик; опционально — зернистая SVG feTurbulence-текстура и @supports-фолбэк; автоматически добавляется префикс -webkit-backdrop-filter (обязателен до Safari 18) и маппинг на классы Tailwind (с заметкой о различиях v3/v4), плюс живой предпросмотр карточки на градиентном фоне.

Design

Загрузите изображение и посмотрите, как оно появится в Instagram Feed/Story/Reels, TikTok, YouTube, X и LinkedIn — с наложением безопасных зон, точно показывающим, какие пиксели будут обрезаны или закрыты UI перед публикацией.

Design

Справочник 2026 размеров изображений для Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest и WeChat с фильтром по платформам.

Design

Вставьте классы Tailwind с произвольными значениями (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) и изучите сгенерированный CSS с живым визуальным предпросмотром, распознаванием подсказок типа данных и пояснением каждого преобразования. Полезно для отладки calc(), CSS-переменных и разовых значений вне шкалы токенов.

Design

Подбирает цепочку CSS-фильтров, которая максимально близко воспроизводит целевой hex-цвет из монохромной основы

Design

Визуализирует CSS-кривую cubic-bezier, показывает предпросмотр на позиции/прозрачности/масштабе, выбор пресетов и экспорт CSS

Design

Введите границы viewport и шрифта, чтобы получить clamp(), готовый CSS и данные превью

Design

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

Design

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