Градиент — это плавный переход между двумя или более цветами. Градиенты добавляют глубину, размерность и визуальный интерес к веб-дизайну, элементам пользовательского интерфейса и иллюстрациям.
Выберите два цвета, выберите угол градиента и мгновенно увидите результат на холсте. Скопируйте код CSS для использования в своем проекте.
Frequently Asked Questions
Q: В чем разница между линейными и радиальными градиентами?
В чем разница между линейными и радиальными градиентами? Линейные градиенты переходят по прямой линии, а радиальные градиенты исходят из центральной точки.
Q: Могу ли я использовать градиенты в CSS?
Могу ли я использовать градиенты в CSS? Да, используйте свойство фонового изображения с функциями линейного градиента или радиального градиента.
Q: Могу ли я создавать прозрачные градиенты?
Могу ли я создавать прозрачные градиенты? Да, используйте ползунок непрозрачности или вручную отредактируйте скопированный CSS, чтобы использовать значения цвета rgba() или hsla(). Градиенты с прозрачностью отлично подходят для наложений и эффектов стекла.
Q: Как сделать градиент адаптивным?
Как сделать градиент адаптивным? Сгенерированный CSS работает при любом размере контейнера. Для полноэкранных градиентов примените градиент к телу или элементу-оболочке. Используйте размер фона: обложка для достижения наилучших результатов.
Q: В чем разница между линейными и радиальными градиентами?
В чем разница между линейными и радиальными градиентами? Линейные градиенты переходят по прямой линии, идеально подходят для заголовков и баннеров. Радиальные градиенты исходят из центральной точки, что идеально подходит для эффектов прожектора и круглых элементов.
Русские традиционные цвета
От гжельской синевы до хохломского золота — русская палитра рождена народными промыслами, иконописью и северной природой. Эти цвета до сих пор вдохновляют дизайнеров по всему миру.
Алый #FF2400Алый цвет знамён, сарафанов и праздничной символики
Васильковый #6495EDЦвет полевых васильков — символ русских лугов
Золото Хохломы #D4AF37Золотой орнамент хохломской росписи
Гжель Синий #005A9CКобальтовая синева гжельской керамики
Изумрудный #50C878Цвет уральских самоцветов и малахита
Бордовый #800020Тёмно-красный цвет театральных занавесов
Янтарный #FFBF00Балтийский янтарь — золото Калининграда
Сиреневый #C8A2C8Нежная сирень майских садов
Охристый #CC7722Цвет иконописи и древних фресок
Снежно-белый #F8F8FFБелый снег русских зим
Q: Что такое гжель?
Что такое гжель? Гжель (#005A9C) — традиционная русская керамика с синей кобальтовой росписью на белом фоне, производимая в Подмосковье с XVIII века и ставшая символом русского народного искусства.
Q: Что такое хохлома?
Что такое хохлома? Хохлома — традиционная деревянная роспись с золотым орнаментом (#D4AF37) на чёрном или красном фоне, создаваемая в Нижегородской области с XVII века.