Как пользоваться
- Выберите размер плитки и размер зерна; 1 px — самое мелкое зерно.
- Задайте силу и цвет основы или отметьте прозрачный фон для наложения.
- Снимите галочку «Серый шум», чтобы получить цветные крапинки, и нажмите Новый шум для другого рисунка.
- Скачайте PNG или скопируйте CSS.
Как это работает
Плитка делится на квадратные ячейки размером с зерно. Каждая ячейка получает случайную яркость от 0 до 255, а при цветном шуме — три случайных значения для красного, зелёного и синего. Это значение смешивается с цветом основы в пропорции, заданной силой, или на прозрачном фоне записывается с силой в качестве альфа-канала. Случайные числа берутся из генератора с зерном (seed), поэтому предпросмотр и файл совпадают.
Пример
При основе #7f8c8d (красный канал 127) и силе 25 % ячейка со случайным значением 255 получает красный 127 × 0,75 + 255 × 0,25 = 159, а ячейка со значением 0 — 95. Вся плитка колеблется в этой полосе вокруг цвета основы.
Советы
- Для лёгкого зерна хватает силы 15–30 %; при больших значениях получается «старый телевизор».
- На экранах высокой плотности лучше смотрится зерно 2 px: шум в 1 px там может выглядеть как ровный оттенок.
- Зерно поверх больших градиентов скрывает заметные цветовые полосы, которые на них иногда появляются.