Tint — Make Gradient Wallpaper создан для одной задачи: превращение плавного цветового перехода в обои для телефона. Это получается хорошо. Но большинство людей, которые ищут генератор градиентов, строят фон для сайта, приложения или дизайн-файла, и им нужен CSS-код, а не PNG. Поэтому мы создали Gradient Lab — бесплатный инструмент для работы с градиентами, который работает прямо здесь в браузере. Вы перетаскиваете цветовые точки и выбираете угол, а CSS обновляется в реальном времени.
Создайте градиент с помощью Gradient Lab прямо сейчас
Перетаскивайте точки на полосе, чтобы переместить каждую цветовую точку, коснитесь точки, чтобы изменить её цвет, и используйте ползунок угла или кнопки линейного, радиального и конического градиента, чтобы изменить форму. Копируйте CSS, когда результат вас устроит.
Как его использовать
Окно предпросмотра в верхней части всегда показывает ваш текущий градиент в полном размере. Ниже него цветовая полоса содержит от двух до пяти точек. Перетаскивайте любую точку влево или вправо, чтобы изменить положение её цвета, или коснитесь её один раз, чтобы открыть палитру цветов для этой точки. Выделите точку клавиатурой и используйте клавиши со стрелками для небольших смещений, или удерживайте Shift для больших смещений.
Кнопка плюса добавляет новую точку, а кнопка удаления удаляет выбранную точку, при условии что остаётся минимум две точки. Переключайтесь между линейным, радиальным и коническим градиентом с помощью трёх кнопок выше окна предпросмотра. Линейный и конический градиенты получают ползунок угла, а радиальный всегда центрируется, поэтому ползунок скрывается при выборе радиального.
Поле CSS ниже обновляется при каждом изменении и не требует кнопки расчёта. Нажмите Копировать, чтобы скопировать точную строку. Восемь предустановок дают вам быструю отправную точку, а функция Сохранить текущий сохраняет ваш любимый вариант в полосе, который вы можете вспомнить или удалить позже. Всё — ваш последний градиент и все сохранённые избранные — остаётся в локальном хранилище вашего браузера, и ничего не покидает ваше устройство.
Сравнение с Tint
Gradient Lab и Tint решают две разные задачи, которые случайно обе включают градиенты. Tint — это приложение для обоев телефона. Вы выбираете цвета, предпросматриваете их на макетах экрана блокировки и домашнего экрана, а затем сохраняете результат как файл изображения прямо в галерею. Оно построено специально для обоев, с категориями, популярными палитрами и галереей сохранённых дизайнов.
Gradient Lab не трогает вашу фотогалерею и не знает, что такое экран блокировки. Оно создано для людей, которым нужен градиент как код: строка background: linear-gradient(...) для сайта, экрана приложения, экспорта Figma или быстрого макета. Вы получаете точный синтаксис CSS, три типа градиентов вместо одного, а система сохранения построена вокруг переиспользуемых фрагментов кода, а не изображений обоев.
Если вам нужны фактические обои на экране телефона прямо сейчас, пропустите Gradient Lab и возьмите Tint. Это именно для этого сделано. Если вы смотрите на CSS-файл или дизайн-инструмент и вам нужен градиент, который работает в момент вставки, Gradient Lab доставит вас туда быстрее.
Получите полное приложение
Tint — Make Gradient Wallpaper бесплатно на Android. Оно превращает комбинации цветов градиента в готовые обои с живым предпросмотром на макетах экрана блокировки и домашнего экрана, а также библиотекой популярных палитр для начала работы.
Часто задаваемые вопросы
Можно ли создать CSS-градиент онлайн без скачивания?
Да. Gradient Lab работает полностью на этой странице. Перетаскивайте цветовые точки, выбирайте тип и угол, копируйте CSS. Без установки и без аккаунта.
Это официальное приложение Tint?
Нет. Gradient Lab — это оригинальный инструмент, который мы создали, вдохновлённый идеей создания градиентов, лежащей в основе Tint. Он не связан с разработчиком Tint, не одобрен им и не имеет с ним отношения. Для готовых к использованию градиентов обоев, которые вы можете установить на свой телефон, загрузите официальное приложение по ссылке магазина выше.
Работает ли Gradient Lab в режиме офлайн?
Да. После загрузки страницы создание и копирование градиентов продолжает работать без соединения. Ваш последний градиент и все сохранённые избранные находятся в локальном хранилище вашего браузера только на вашем устройстве.
Могу ли я экспортировать градиент как изображение вместо CSS?
Нет, и это сделано намеренно. Gradient Lab предоставляет вам рабочий CSS для сайта или дизайн-файла, что на самом деле хотят большинство поисков этого инструмента. Если вам нужен градиент, сохранённый как изображение для экрана блокировки или домашнего экрана вашего телефона, это точно то, что делает Tint.
Сколько цветовых точек я могу использовать?
От двух до пяти. Две — это простой двухцветный переход. Добавьте больше точек для создания многоцветных градиентов и удалите одну в любое время, пока остаются минимум две.
Это бесплатно?
Да, полностью бесплатно без регистрации и без ограничений на количество создаваемых и сохраняемых градиентов.
