# Конвертер цветовых пространств

Конвертирует цвет между HEX, RGB, HSL, CIELAB и Display-P3 с CSS-выводом и проверкой гаммы.

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

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

- **Ключевые слова:** конвертер цвета, display p3, гамма

## Обзор

Показывает веб-, перцептивное и широкогамутное представления цвета.

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

- **Значение цвета** (text): #FF6B35, rgb(255 107 53), hsl(14 100% 60%)
- **Формат ввода** (select)

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

- При переносе макетов из графических редакторов в CSS-код с поддержкой современных цветовых пространств.
- Для проверки соответствия цвета стандартному веб-диапазону sRGB или расширенному охвату Display-P3.
- При необходимости точного преобразования цвета в перцептивно равномерное пространство CIELAB для анализа контрастности.

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

- Введите исходное значение цвета в поле ввода в формате HEX, RGB, HSL, CIELAB или Display-P3.
- Выберите формат ввода вручную или оставьте автоматическое определение для быстрого распознавания.
- Инструмент выполнит математический пересчет с использованием матриц D65 и отобразит эквиваленты во всех поддерживаемых пространствах вместе со статусом проверки гаммы.

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

- Адаптация веб-интерфейсов под экраны с поддержкой широкого цветового охвата Display-P3.
- Преобразование HEX-кодов в формат CIELAB для точного расчета контрастности элементов интерфейса.
- Быстрая генерация CSS-кода для различных цветовых моделей при верстке сайтов.

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

### Какие цветовые пространства поддерживает конвертер?

Инструмент поддерживает взаимную конвертацию между HEX, RGB, HSL, CIELAB и Display-P3.

### Что означает проверка гаммы (gamut check)?

Она показывает, выходит ли выбранный цвет за пределы стандартного цветового пространства sRGB или Display-P3.

### Нужно ли вручную указывать формат входного цвета?

Нет, по умолчанию включено автоопределение, но вы можете принудительно выбрать формат в настройках.

### Подходит ли полученный код для использования в CSS?

Да, конвертер генерирует готовый CSS-код для каждого целевого цветового пространства.

### Использует ли конвертер стандартные матрицы преобразования?

Да, вычисления производятся на основе стандартных матриц цветового пространства D65.

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

- [OKLCH Конвертер цветов](https://elysiatools.com/ru/tools/oklch-color-converter): Двустороннее преобразование между HEX, RGB, HSL, OKLCH и Display-P3 по CSS Color 4, со значениями светроты/хромы/тона, проверкой гаммы sRGB и Display-P3 и предложением обрезки вне гаммы
- [AI-генератор идей доменов](https://elysiatools.com/ru/tools/ai-domain-name-idea-generator): Введите ключевые слова бренда — ИИ сгенерирует до 10 идей доменов, отфильтровав занятые через DNS + RDAP. Для стартапов и разработчиков.
- [Конвертер цвета CMYK](https://elysiatools.com/ru/tools/cmyk-converter): Преобразует цвета между HEX, RGB, HSL и CMYK.
- [Проверщик заголовков безопасности](https://elysiatools.com/ru/tools/security-headers-checker): Аудит HTTP-заголовков ответа на безопасность — анализирует необработанные заголовки, которые вы вставляете (без сети), и оценивает их по набору безопасных заголовков OWASP с проверками на уровне значения: HSTS max-age, CSP unsafe-inline/eval, X-Content-Type-Options, Referrer-Policy, Permissions-Policy, COOP/COEP/CORP и др. Возвращает оценку (от A+ до F) и находки по каждому заголовку с готовыми к копированию рекомендациями.
- [Синхронизатор палитры Tailwind](https://elysiatools.com/ru/tools/tailwind-color-palette-sync): Введите HEX, выберите схему именования (шкала 50–950 / одно имя / вложенность) — генерирует фрагмент theme.extend.colors для tailwind.config.ts с уровнями WCAG AA/AAA. Тёмная тема опциональна.
- [Проверка контраста доступной цветовой палитры](https://elysiatools.com/ru/tools/accessible-color-palette-contrast-checker): Проверяет пары цветов по WCAG 2.1 AA и AAA и предлагает корректировки
- [Конвертер Adobe RGB в LAB](https://elysiatools.com/ru/tools/adobe-rgb-to-lab-converter): Преобразование значений цвета Adobe RGB в цветовое пространство LAB для анализа цвета с поддержкой альфа-канала
- [Извлечение палитры из изображения](https://elysiatools.com/ru/tools/image-color-palette-extractor): Загружает изображение, извлекает доминирующие цвета и экспортирует токены для кода с проверкой контраста

## Примеры

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