ИзображенияБесплатно · 3 раза в деньОбрабатывается в вашем браузере
Генератор CSS-градиентов
Создавайте линейные, радиальные и конические градиенты визуально и экспортируйте в CSS или Tailwind.
Тип
linear
Точки
3/8
Экспорт
CSS + Tailwind
Mesh
Mesh активен
01
Предпросмотр и код
Базовые цвета
Цвет 01
#8C6A2D
Начальная база градиента.
Цвет 02
#D3B06F
Конечная база градиента.
CSS
background: radial-gradient(circle at 28% 24%, rgba(243, 223, 178, 0.2) 0%, rgba(243, 223, 178, 0) 34%), radial-gradient(circle at 78% 68%, rgba(192, 141, 59, 0.18) 0%, rgba(192, 141, 59, 0) 42%), linear-gradient(135deg, #8C6A2D 0%, rgba(211, 176, 111, 0.96) 52%, #2B1D08 100%);
Tailwind
bg-[radial-gradient(circle_at_28%_24%,_rgba(243,_223,_178,_0.2)_0%,_rgba(243,_223,_178,_0)_34%),_radial-gradient(circle_at_78%_68%,_rgba(192,_141,_59,_0.18)_0%,_rgba(192,_141,_59,_0)_42%),_linear-gradient(135deg,_#8C6A2D_0%,_rgba(211,_176,_111,_0.96)_52%,_#2B1D08_100%)]
02
Точки и композиция
Цветовые точки
#8C6A2D
0% · 100%
Позиция
Прозрачность
#D3B06F
52% · 96%
Позиция
Прозрачность
#2B1D08
100% · 100%
Позиция
Прозрачность
03
Геометрия
Тип и направление
Тип
Угол
135°
Центр и параметры
Центр X
50%Центр Y
50%Повторение
Полезный ритм для разделителей, паттернов и продуктовых линий.
04
Расширенный экспорт
Mesh-наложение
Наложение для визуальных hero-блоков и поверхностей с глубиной.
2 слоёв
background: radial-gradient(circle at 28% 24%, rgba(243, 223, 178, 0.2) 0%, rgba(243, 223, 178, 0) 34%), radial-gradient(circle at 78% 68%, rgba(192, 141, 59, 0.18) 0%, rgba(192, 141, 59, 0) 42%), linear-gradient(135deg, #8C6A2D 0%, rgba(211, 176, 111, 0.96) 52%, #2B1D08 100%);
Пакет токенов
CSV с Hero, Surface и Accent, готовый к внедрению.
:root {
--gradient-stop-1: #8C6A2D;
--gradient-stop-2: #D3B06F;
--gradient-stop-3: #2B1D08;
--gradient-css: radial-gradient(circle at 28% 24%, rgba(243, 223, 178, 0.2) 0%, rgba(243, 223, 178, 0) 34%), radial-gradient(circle at 78% 68%, rgba(192, 141, 59, 0.18) 0%, rgba(192, 141, 59, 0) 42%), linear-gradient(135deg, #8C6A2D 0%, rgba(211, 176, 111, 0.96) 52%, #2B1D08 100%);
}
Связанные
Ещё из этой категории
Da mesma categoria.
Бесплатно · 2 раза в день
Пакетный водяной знак
Наложите логотип или текст как водяной знак сразу на несколько фото и скачайте всё в ZIP.
Бесплатно · 3 раза в день
Мудборд (доска вдохновения)
Соберите ссылки на изображения, HEX-палитру и ключевые слова в визуальную сетку с экспортом.
Бесплатно · 1 раз в день
Удаление фона с ИИ
Вырезает фон фотографии с помощью модели ИИ, которая работает в вашем браузере. Лучше всего подходит для людей и товаров на переднем плане.
Бесплатно · 2 раза в день
Генератор цветовых палитр
Введите базовый цвет и получите гармоничные схемы (аналоговые, монохромные, комплементарные).
Бесплатно · 3 раза в день
Проверка контраста WCAG
Проверяйте контраст цветов и соответствие WCAG AA/AAA, с предпросмотром и экспортом.
Бесплатно · 3 раза в день
Просмотр EXIF
Смотрите метаданные изображений: GPS, камеру, дату съёмки и другое.