Генератор на случаен градиент
Генерирайте случайни CSS градиенти — линейни, радиални, conic. Хармонични цветови комбинации, копиране на готов CSS код. В браузъра.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
История
Справка
Как работи генераторът на градиенти?
Този инструмент избира 2-3 цвята, използвайки теория на хармоничните цветове (аналогови, комплементарни или триадични отношения) с HSL hue rotations. Случайни ъгли или позиции се избират с crypto.getRandomValues(). Изходът се рендира като жив preview заедно с готов CSS код.
Типове градиент
- Линеен — цветовете се смесват по права линия с конфигуриран ъгъл.
- Радиален — цветовете се излъчват навън от централна точка.
- Conic — цветовете се въртят около център, като цветно колело.
Често срещани употреби
- Hero секции — впечатляващи фонове за landing страници.
- Карти и бутони — модерни UI акценти с дълбочина.
- Дизайнерско вдъхновение — открийте неочаквани цветови комбинации.
- Тапети и банери — генерирайте уникални визуални активи.
Поверителност
Всички градиенти се генерират 100% в браузъра ви. Никакви данни не се изпращат на сървър.