Анализатор градиентов CSS

Анализатор CSS-градиентов помогает разработчикам и дизайнерам понять и извлечь компоненты кода CSS-градиента. Когда вы вставляете URL градиента или синтаксис CSS-градиента, инструмент анализирует код для определения типа градиента (линейный, радиальный или конический), параметров направления или позиции, а также отдельных точек цвета с их точными позициями. Это облегчает декомпозицию существующих градиентов из систем дизайна, фреймворков или активных проектов——независимо от того, хотите ли вы понять, как работает цветовой переход, провести аудит качества градиента или повторно использовать паттерны градиентов по всей базе кода.

Просто вставьте свой код CSS-градиента в поле ввода и нажмите кнопку анализа. Инструмент отображает прямую предпросмотр градиента, разбирает тип и направление градиента и перечисляет все точки цвета с их шестнадцатеричными значениями или названиями цветов и процентными позициями. Вы также можете увидеть проанализированный вывод CSS, который можно скопировать для использования в своих проектах. Инструмент поддерживает синтаксис linear-gradient, radial-gradient и conic-gradient, включая повторяющиеся варианты, и автоматически вычисляет позиции для точек цвета, у которых отсутствуют явные значения.