Перетащите изображение или нажмите для выбора

JPG, PNG, WebP, GIF, AVIF

Загрузите любую фотографию — инструмент извлечёт доминирующие цвета и сгенерирует готовый CSS linear-gradient. Полезно для создания фонов, которые гармонируют с основным изображением на странице.

Что вы получите

Вы получите: превью градиента, цвета в форматах HEX, RGB и HSL, готовый CSS-код для вставки в стили. Можно выбрать направление градиента — горизонтальный, вертикальный или диагональный.

Градиент нужен там же, где и временная графика: для ещё не наполненных блоков макета есть генератор заглушек. А если фон — не сплошная заливка, а мелкий узор, его встраивают в CSS SVG-строкой, без отдельного файла и лишнего запроса.

Поддерживаются форматы JPG, PNG, WebP, GIF, AVIF и TIFF. Сервис бесплатный, без регистрации.