Генератор градієнтів CSS
Створюйте лінійні або радіальні градієнти з до 4 кольорів і копіюйте готовий код CSS.
Як створити CSS градієнт онлайн
Виберіть тип градієнта
Виберіть лінійний або радіальний залежно від бажаного ефекту.
Додайте та налаштуйте кольори
Додайте до 4 кольорів, змініть їхній порядок і відрегулюйте кут або позицію градієнта.
Скопіюйте CSS код
Натисніть кнопку копіювання та вставте код безпосередньо у свій файл стилів.
Часті запитання про генератор градієнтів
Градієнти — це простий спосіб надати глибину та стиль будь-якому веб-дизайну. Цей інструмент генерує точний CSS код, який вам потрібен, без необхідності писати його вручну.
Які типи градієнтів я можу створити?
+
Ви можете створювати лінійні градієнти (під будь-яким кутом) і радіальні градієнти.
Скільки кольорів я можу використовувати?
+
Ви можете комбінувати від 2 до 4 кольорів в одному градієнті.
Чи працює код у всіх браузерах?
+
Так, генерується зі стандартним синтаксисом CSS, сумісним з усіма сучасними браузерами.
Чи потрібно встановлювати якусь програму?
+
Ні, нічого встановлювати не потрібно. Працює прямо в браузері.
Чи це безплатно?
+
Так, цей інструмент повністю безплатний.
Чи можу я використовувати градієнт як фон зображення?
+
Згенерований код — це чистий CSS; якщо тобі потрібне зображення, ти можеш зробити скріншот перегляду.
Кольори
Конвертер кольорів (HEX, RGB, HSL, CMYK)
Миттєво конвертуйте будь-який колір між HEX, RGB, HSL та CMYK із живим перегляданням та найближчою назвою кольору.
Генератор палітр кольорів
Створюйте гармонійні палітри з 5 кольорів (комплементарні, аналогічні, тріадичні або монохроматичні) на основі вибраного кольору.
Перевірка контрастності WCAG
Перевірте, чи комбінація кольорів тексту та фону відповідає рівням доступності AA та AAA.
Випадковий колір
Генеруйте випадковий колір одним кліком і дізнавайтеся його назву, HEX/RGB/HSL код та подібні кольори.
Вибір кольору (піпетка)
Вибирайте будь-який колір з екрана за допомогою інструменту піпетки браузера або скористайтеся класичним палітрою.
Симулятор кольорослipості
Завантажте зображення та перевірте, як його бачать люди з протанопією, дейтеранопією або тританопією.
Генератор Mesh-градієнтів
Створюй фони з mesh-градієнтами (розмиті кольорові плями) та завантажуй у PNG або копіюй код CSS.
Генератор відтінків і тіней
Автоматично генеруйте світліші відтінки та темніші тіні будь-якого кольору з його HEX-кодом.
Змішувач Кольорів
Змішайте два кольори та відкрийте проміжні відтінки поетапно, з їхнім кодом HEX.
Колірне колесо (Гармонії)
Виберіть колір на колесі й відкрийте його гармонійні комбінації: комплементарні, аналогічні, тріадичні та більше.
Екстрактор палітри з зображення
Завантажте зображення та автоматично витягніть його домінуючі кольори в палітру з HEX-кодом для кожного.
Середній Колір Зображення
Завантажте зображення та миттєво розрахуйте його середній колір з кодами HEX, RGB і HSL.
Досліджуйте кольори за сімействами
Більш ніж 469 названих кольорів з кодами HEX, RGB, HSL та CMYK, організовані в 12 сімейств тонів.
