Генератор текстуры шума

Создайте настраиваемую текстуру шума (зерна) — цветную или в оттенках серого — для фона сайта, баннера или изображения. Загружать ничего не нужно: всё генерируется на лету.

Предпросмотр

Как это работает

Каждый пиксель текстуры получает независимую случайную яркость и прозрачность в пределах плотности и непрозрачности, которые вы задали. В результате получается текстура шума с прозрачным фоном, готовая к наложению на цвет, градиент или фотографию, чтобы добавить изображению зерно и фактуру.

Действительно ли эта текстура бесшовная (повторяется без стыков)?

Да: поскольку каждый пиксель генерируется независимо и случайным образом, на краях нет непрерывности узора, которую нужно сохранять. При мозаичном повторении текстуры (например, через CSS-свойство repeat для фона) линий стыка не видно — в отличие от узоров с повторяющимися формами.

Как получить мелкое зерно, как у аналоговой плёнки?

Задайте умеренную плотность (30–50%), низкую непрозрачность (15–25%) и оставьте включённым режим оттенков серого: при наложении в режиме смешивания «overlay» или «soft light» в графическом редакторе получается неброский эффект плёночного зерна.

Генерация на 100% локальная: текстура полностью создаётся в вашем браузере через Canvas, никакие данные не отправляются на сервер.