# Насыщенность/Обесцвечивание Цвета

Настройте насыщенность цвета и создайте варианты с разной насыщенностью

> Каноническая страница: https://elysiatools.com/ru/tools/color-saturate-desaturate

- **Категория:** Design

- **Ключевые слова:** цвет, насыщенность, обесцвечивание, яркость, интенсивность, регулировка, оттенок, регулировка цвета, хрома

## Обзор

Этот инструмент позволяет регулировать насыщенность цвета, создавая варианты от ярких до обесцвеченных оттенков. Идеально подходит для дизайнеров и разработчиков, работающих с цветовыми палитрами.

## Входные данные

- **Базовый Цвет** (color)
- **Тип Регулировки** (select)
- **Величина Регулировки (%)** (range): Величина регулировки насыщенности цвета (-100% до +100%)
- **Шаги Градиента** (number): Применяется только когда выбран "Градиент (полный диапазон)". Управляет количеством цветов в последовательности градиента насыщенности (2-20 шагов)
- **Включить Дополнительные Цвета** (checkbox)
- **Сохранить Характеристики Оттенка** (checkbox)

## Когда использовать

- Когда нужно увеличить или уменьшить интенсивность цвета.
- Для создания градиентов насыщенности в дизайне.
- При необходимости сохранить оттенок, но изменить яркость.

## Как это работает

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

## Сценарии использования

- Создание цветовых схем для веб-сайтов.
- Подготовка палитр для печатных материалов.
- Генерация вариантов цвета для UI/UX дизайна.

## Частые вопросы

### Какой формат цвета используется для базового цвета?

Используйте HEX-формат, например, #4A90E2.

### Могу ли я создать серию цветов с разной насыщенностью?

Да, выберите тип регулировки 'Градиент' и укажите количество шагов от 2 до 20.

### Как работает опция 'Сохранить характеристики оттенка'?

Она сохраняет исходный оттенок цвета, изменяя только насыщенность.

### Что делает опция 'Включить дополнительные цвета'?

Она добавляет цвета, дополнительные к базовому, в результат для создания гармоничных палитр.

### Какова минимальная и максимальная величина регулировки?

Величина регулировки может быть от -100% до +100%.

## Связанные инструменты

- [Комплемент Цвета](https://elysiatools.com/ru/tools/color-complement): Нахождение комплементарных цветов и создание гармоничных цветовых схем с триадическими, тетрадическими и аналоговыми цветовыми отношениями
- [Сдвигатель Оттенка Цвета](https://elysiatools.com/ru/tools/color-hue-shifter): Сдвигайте оттенки цветов и создавайте вариации с управлением вращения по/против часовой стрелки
- [Инвертор Цветов](https://elysiatools.com/ru/tools/color-inverter): Инвертировать цвета и создавать негативные версии с методами RGB, HSL и инверсии яркости
- [Осветление/Затемнение Цвета](https://elysiatools.com/ru/tools/color-lighten-darken): Настройте яркость цвета и создайте вариации
- [Генератор Оттенков Цвета](https://elysiatools.com/ru/tools/color-shade): Создавайте более темные вариации цвета путем добавления черного, создавая богатые оттенки для глубины и контраста в дизайне
- [Генератор Оттенков Цвета](https://elysiatools.com/ru/tools/color-tint): Создавайте более светлые вариации цвета путем добавления белого, создавая яркие и воздушные тона для свежего дизайна
- [Генератор Неоновых Цветов](https://elysiatools.com/ru/tools/neon-colors): Создавайте яркие, светящиеся неоновые цвета с высокой насыщенностью и яркостью, создавая привлекающие внимание эффекты электрического света, идеальные для цифровых дисплеев и современного дизайна
- [Генератор Пастельных Цветов](https://elysiatools.com/ru/tools/pastel-colors): Создавайте мягкие, нежные пастельные цвета с пониженной насыщенностью и увеличенной яркостью для создания изысканных и успокаивающих цветовых палитр

## Примеры

- [Примеры цветовых кодов](https://elysiatools.com/ru/samples/color-code): Коллекция цветовых кодов в различных форматах (Hex, RGB, HSL, именованные цвета) для тестирования валидации
- [Примеры Обработки Изображений Android Java](https://elysiatools.com/ru/samples/android-image-processing-java): Примеры обработки изображений Android Java включая чтение/сохранение, масштабирование и преобразование формата
- [Примеры Обработки Изображений Android Kotlin](https://elysiatools.com/ru/samples/android-image-processing-kotlin): Примеры обработки изображений Android Kotlin включая чтение/сохранение, масштабирование и преобразование формата
- [Примеры Обработки Изображений Web Python](https://elysiatools.com/ru/samples/web-image-processing-python): Примеры обработки изображений Web Python используя PIL/Pillow включая чтение, сохранение, изменение размера и преобразование формата

## Связанные материалы

- [Инструменты для доступной цветовой системы](https://elysiatools.com/ru/hubs/color-design-tools): Создайте переиспользуемую цветовую систему: преобразуйте цвета, генерируйте гармонии, проверяйте контраст и цветовое зрение, документируйте токены.
- [Рабочий процесс для цветовой системы и CSS-эффектов](https://elysiatools.com/ru/hubs/design-generate): Izvlech palitru, postroit dostupnye cvetovye otnosheniya, sгенерirovat tokeny i primenit soglasovannye CSS-effekty k realnym sostoyaniyam interfeisa.