Інструменти для кольорів

Генератор CSS-градієнтів онлайн – безкоштовно

Безкоштовно, без реєстрації, працює у вашому браузері. Створіть лінійний, радіальний чи конічний градієнт із до 8 колірними точками, дивіться результат наживо й копіюйте CSS. Завантажуйте його як фон PNG у поширених розмірах.

Тип

Опорні кольори

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

Перший рядок — суцільний колір для дуже старих пристроїв, які не показують градієнти.

Почніть із шаблону

Створено на вашому пристрої.

Генератор CSS-градієнтів: чому варто користуватися

100% безкоштовно
Користуйтеся скільки завгодно. Без реєстрації, без водяних знаків, без встановлення.
Конфіденційність за задумом
Те, що ви вводите, залишається у вашому браузері й ніколи не надсилається нам.
Працює на будь-якому пристрої
Працює в браузері на Windows, Mac, Linux, Android та iPhone. Застосунок не потрібен.

Генератор CSS-градієнтів: як користуватися

  1. Виберіть лінійний, радіальний чи конічний і задайте напрямок.
  2. Виберіть кольори й перетягніть кожну точку на місце.
  3. Скопіюйте CSS або завантажте градієнт як зображення.

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

Як використати CSS?
Вставте його в правило для елемента, який потрібно розфарбувати. Перший рядок — суцільний запасний колір; другий — градієнт.
Чим відрізняються лінійний, радіальний і конічний?
Лінійний змішує кольори вздовж прямої, радіальний розходиться від центру, а конічний обертається навколо центру, як колірне коло.
Чи можна використовувати прозорість?
Так. Введіть у точку колір на кшталт rgba(47, 91, 255, 0.5).
Чи щось завантажується на сервер?
Ні. Градієнти створюються на вашому пристрої.
Генератор CSS-градієнтів — це безкоштовно?
Так. Користуватися можна безкоштовно, без реєстрації й без встановлення.

Довідка й посібники (англійською)

Схожі інструменти