Онлайн-генератор изображений с линейным градиентом
Создайте PNG с линейным градиентом: настройте цвета, размер, угол и масштаб, добавьте прозрачность. Бесплатно, без загрузки файлов. Обработка выполняется лок…
Начать работу
Возможности и примеры
Точное управление градиентом
Градиент строится от точки (0,0) холста. Конечная точка вектора вычисляется по формуле: (ширина * cos(угол) / масштаб, высота * sin(угол) / масштаб). Например, для холста 1200×630, угла 135° и масштаба 100% конечная точка будет примерно (-848.53, 445.48). Это означает, что градиент идёт из левого верхнего угла вниз и влево, создавая диагональный переход.
Работа с прозрачностью
Если включить прозрачность, каждый цвет получает свой процент альфа-канала. Например, 25% прозрачности даёт альфа 0.75, а 100% — альфа 0. Инструмент создаёт ровно две цветовые остановки (в позициях 0 и 1), без дополнительных опций.
Ограничения
Максимальный размер холста — 10000×10000, но общее количество пикселей ограничено 24 миллионами. Если вы зададите слишком большое разрешение, оно будет пропорционально уменьшено. Инструмент не поддерживает повторение градиента, текстуры, загрузку изображений или выбор цветового пространства.
Часто задаваемые вопросы
Что означает масштаб 200%?
При масштабе 200% вектор градиента становится вдвое короче, поэтому переход от начального к конечному цвету завершается на половине расстояния до края холста. Оставшаяся область заливается конечным цветом (без повторения).
Почему при угле 0° градиент идёт слева направо?
Потому что система координат холста: положительное направление Y вниз. При угле 0° вектор направлен вдоль оси X, от (0,0) к (ширина, 0), что даёт горизонтальный градиент слева направо.
Можно ли получить градиент с плавным переходом в прозрачность?
Да, включите опцию прозрачности и задайте для одного из цветов процент прозрачности, например 100% для полного исчезновения. Инструмент создаст PNG с альфа-каналом.
Чек-лист для проверки
- Выбраны начальный и конечный цвета.
- Указаны ширина и высота в допустимых пределах.
- Угол направления задан в градусах.
- Масштаб при необходимости изменён.
- Прозрачность включена, если нужен PNG с альфа-каналом.
- Результат проверен перед скачиванием.
Обработка выполняется локально в вашем браузере.