GradLab — генератор градієнтів із PNG, MP4 та HTML-експортом

Про ресурс

GradLab допомагає створювати градієнтні фони для сайтів, презентацій, постерів і графіки для соцмереж. Зображення формується у браузері за допомогою WebGL, а зміни одразу видно на полотні. Три готові пресети дають стартову композицію, яку можна далі налаштовувати під власну палітру й формат. Палітра містить від двох до восьми кольорів. Можна вводити HEX-коди, міняти порядок зразків або вибирати кольори з референсного зображення. Змішування працює у RGB, OKLab чи OKLCH; останній використовується за замовчуванням. Це зручно, коли потрібно порівняти характер переходів між кольорами бренду. У розділі Shape & Flow доступні 13 алгоритмів: від плавних хвиль і шумових полів до вихорів, концентричних контурів і геометричного світіння. Масштаб, швидкість, деформація та форма допомагають знайти потрібний характер фону. Зверху можна додати зерно, растровий ефект або сітку символів, що реагує на рух вказівника. Статичний кадр зберігається у PNG, рухома композиція — у MP4, а для вебсторінки можна завантажити автономний HTML-файл із вбудованим шейдером і параметрами. PNG та відео мають масштаби експорту 1×, 2× і 3×; фактичні розміри показані в інтерфейсі. MP4 кодується покадрово у H.264 із частотою 30 кадрів за секунду. Прозорий фон PNG наразі не підтримується. Інструмент безкоштовний, без реєстрації та водяних знаків. Для роботи потрібна підтримка WebGL, а для MP4 — ще й сумісний H.264-кодер WebCodecs; у документації радять Chrome або Edge. Вищий масштаб експорту збільшує навантаження, тому перед великою роботою варто перевірити невеликий тестовий файл. Налаштування не зберігаються автоматично після закриття чи перезавантаження сторінки. Для збереження результату використовуйте HTML-експорт, а для повернення до параметрів — Param Code. Відновлення Param Code потребує інтернету й не повертає завантажене фонове зображення, розміри полотна або масштаб експорту. За офіційним FAQ експортовані файли можна використовувати в комерційних проєктах.

Використання та ліцензія

Офіційний FAQ дозволяє комерційне використання експортованих PNG, відео та HTML без водяних знаків і обмежень використання. Це дозвіл щодо результатів експорту; права на завантажені вами зображення й інші сторонні матеріали потрібно мати окремо. Джерело: https://docs.gradlab.app/faq

Перед використанням перевірте актуальні умови на сайті автора.