Design

Градиент

Плавный непрерывный переход между двумя или более цветами в заданном пространстве.

Gradients can be linear (transitioning along a straight line), radial (transitioning outward from a center point), or conic (transitioning around a center point). In CSS, they are implemented as background-image values using linear-gradient(), radial-gradient(), and conic-gradient() functions. Gradients add depth, dimension, and visual interest to designs. Modern design trends favor subtle gradients for backgrounds and bold, multicolor gradients for branding (as seen with Instagram and Firefox). When creating gradients between certain color pairs, desaturated or muddy midpoints can occur; using OKLCH interpolation helps maintain vivid colors throughout the transition.

Попробовать

Генератор палитр

Генерируйте гармоничные цветовые палитры, используя комплементарные, аналоговые, триадные и расщеплённо-комплементарные схемы.

Генератор оттенков

Генерируйте шкалы оттенков в стиле Tailwind CSS (50–950) из любого базового цвета для дизайн-систем.

Похожие статьи

CSS color-mix(): нативное смешивание цветов в браузере

Изучите CSS color-mix() для нативного смешивания цветов в браузере. Освойте синтаксис, цветовые пространства, практические кейсы и создавайте динамические палитры без JavaScript.

Создание веб-компонента выбора цвета с нуля

Создайте доступный выбор цвета в виде Web Component. Реализуйте рендеринг на canvas, ползунки оттенка, альфа-канал и пользовательские события через Shadow DOM.

Генерация цветных OG-изображений с Next.js и Satori

Динамические Open Graph изображения с Next.js и Satori. Цвето-адаптивные OG-шаблоны с градиентами, фирменными цветами и адаптивным дизайном.

Цветоделение для печати: как подготовить файлы

Разберитесь в CMYK-цветоделении, плашечных цветах, треппинге и регистрационных метках. Подготовьте файлы, готовые к печати, с правильными цветоделёнными пластинами.

Фирменные цвета Chainlink: оракульный синий и шестиугольник

Изучите характерный синий (#375BD2) Chainlink и символику шестиугольного логотипа. Узнайте, как брендинг оракульной сети строит корпоративное доверие в DeFi-инфраструктуре.

Цвета бренда Amazon: от коричневого книжного магазина до фирменного оранжевого

История эволюции цветов Amazon: от тёмно-синего книжного магазина до легендарного оранжевого цвета улыбки (#FF9900). Синий Prime, цвета AWS и палитры суб-брендов.