a11y.skipToMainContent
1

Цветной миксер

Выберите два цвета и увидите плавный градиент между ними с таким количеством шагов, как вам нужно. Скопируйте градиентный код CSS.

Was this tool helpful?
Send Image to:
Advertisement

How to use Color Mixer

  1. Выберите или введите два цвета.
  2. Отрегулируйте количество шагов градиента.
  3. Просмотрите градиент и скопируйте код CSS.

Что такое имя?

Цветовой смеситель смешивает два цвета посредством линейной интерполяции в пространстве RGB, создавая равномерно распределенные промежуточные цвета. Дизайнеры используют это для создания градиентов, поиска промежуточных цветов бренда или визуализации цветовых переходов
Advertisement

FAQ

Какое цветовое пространство это использует?
Мы используем линейную интерполяцию RGB для смешивания, которая создает естественные градиенты для большинства случаев использования.
Могу ли я использовать это для градиентов CSS?
Да — выход представляет собой готовое к использованию CSS линейное () значение.

Related tools

Author

AR
Aisha Rahmani"The Visual Storyteller"

Design Technologist & Media Specialist

Aisha bridges the gap between pixels and code. With expertise in image processing, SVG optimization, and video compression, she helps creators, designers, and marketers prepare media that looks great and loads fast. She has spoken at design conferences about accessible visual content and has helped agencies reduce page-weight budgets by up to 60 percent without sacrificing creative quality.

Advertisement