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

Побудуйте лінійний, радіальний або конічний градієнт із власних точок і скопіюйте CSS. Інтерполяція в OKLCH дозволяє уникнути сірої смуги, яку sRGB лишає посередині.

Безкоштовно Без реєстрації Приватність передусім

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) або назва кольору в CSS.

Нещодавні

Градієнти

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

Як це працює

Про CSS, який тут виходить

Лінійні, радіальні та конічні градієнти з будь-якою кількістю точок, перетягнутих на місце й скопійованих як CSS. Кут, форма й положення входять до результату, тож те, що ви вставляєте, виглядає як те, що ви бачили.

Інтерполяція в OKLCH є тут тому, що інтерполяція в sRGB протягує через середину багатьох градієнтів тьмяну смугу - синій до жовтого є класичним випадком. Додається й проста форма sRGB, щоб браузер, який не знає новішого запису, усе одно намалював градієнт.

Навчання
Website Audit in 2026: The Complete SEO, Core Web Vitals, Accessibility and Security Checklist
23 Jul 202620 min read

Аудит сайту у 2026 році: повний чекліст SEO, Core Web Vitals, доступності та безпеки

Якісний аудит сайту - це не одна оцінка Lighthouse і не список із десятків автоматичних попереджень. Він має відповісти на чотири запитання: чи може пошукова система правильно знайти й зрозуміти сайт, чи може користувач без перешкод виконати своє завдання, чи достатньо швидко працює сайт і чи не створює він зайвих ризиків для власника або відвідувачів?

Read article
Chrome versus Firefox versus Edge versus Safari comparison cover in POLPROG AI Tools series
17 Jul 202617 min read

Chrome vs Firefox vs Edge vs Safari: чого ми навчилися, випустивши 9 розширень для браузерів

Дев'ять розширень, чотири браузери й значно більше, ніж один файл `manifest.json`. Ми показуємо, де насправді закінчується спільний код, чому Safari потребує окремого процесу та які помилки виявляють лише Firefox і магазини розширень.

Read article
Claude Code versus OpenAI Codex versus Gemini CLI comparison cover in POLPROG AI Tools series
17 Jul 202618 min read

Claude Code проти OpenAI Codex проти Gemini CLI: найкращий ШІ-агент для програмування у 2026 році

Claude Code, OpenAI Codex і Gemini CLI можуть читати репозиторії, редагувати файли та запускати тести, але їх створено для різних стилів роботи. Ми порівнюємо якість, бенчмарки, безпеку, паралельну роботу, розширення, ціни та приватність.

Read article

Створюйте кращий вебпростір, швидше.

Ми створюємо індивідуальне програмне забезпечення та рішення, адаптовані до ваших потреб.

Зв'язатися