UTILS.
100% у браузері

Генератор CSS-градієнтів

Створюйте лінійний або радіальний градієнт з живим переглядом і копіюйте CSS.

Про цей інструмент

Створюйте двоколірний лінійний або радіальний градієнт, обираючи кольори, позиції та кут, а потім копіюйте правило background. Живий попередній перегляд працює повністю у вашому браузері.

Поширені запитання

Що таке кут у лінійному градієнті?
Кут задає напрямок переходу кольорів: 0° спрямований угору, 90° — праворуч, 180° — донизу тощо.
Коли використовувати радіальний замість лінійного?
Використовуйте радіальний, щоб розходити кольори назовні від центральної точки (наче прожектор); лінійний змішує їх уздовж прямої лінії.

Більше інструментів