Руководство по Выбор цвета

Что делает этот инструмент

Палитра цветов конвертирует между пятью форматами: HEX, RGB, HSL, HSV и CMYK. Выберите цвет в нативной палитре или введите код в любом поддерживаемом формате — инструмент сразу покажет эквиваленты во всех пяти. Копирование любого значения одним кликом. Для дизайнеров, разработчиков и всех, кто работает с цветовыми кодами в разных системах.

Как использовать

1. Выбор цвета визуально — Клик по образцу цвета открывает системную палитру. Выберите цвет — все коды обновятся автоматически.
2. Или введите код — Вставьте или введите цвет в любом поддерживаемом формате:
   • HEX: #ff6b6b или #f66
   • RGB: rgb(255, 107, 107)
   • HSL: hsl(0, 100%, 71%)
   • HSV: hsv(0, 58%, 100%)
   • CMYK: cmyk(0%, 58%, 58%, 0%)
3. Копирование — Кнопка «Копировать» рядом с форматом для копирования в буфер.
4. Синхронизация в обе стороны — Изменение образца обновляет текст; ввод валидного кода обновляет образец и все остальные форматы.

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

Все пять форматов выводятся из одного кортежа RGB (красный, зелёный, синий, каждый 0–255) как промежуточного представления. При вводе цвета:

1. Парсинг — Инструмент пробует парсер каждого формата (HEX, RGB, HSL, HSV, CMYK), пока один не сработает.
2. Конвертация в RGB — Ввод преобразуется в целочисленный кортеж RGB.
3. Генерация всех форматов — Из RGB вычисляются HEX, строка RGB, HSL, HSV и CMYK.
4. Отображение — Все пять форматов с кнопками копирования.

Невалидный ввод показывает встроенную ошибку; пустой ввод — без ошибки и изменений. Системная палитра всегда возвращает валидный 6-значный HEX в нижнем регистре, поэтому визуальный путь не вызывает ошибок парсинга.

Вся обработка выполняется в браузере. Никакие данные не отправляются на сервер.

Примеры использования

• Веб-разработка — Конвертация цвета из дизайна (напр. CMYK из печати) в HEX или RGB для CSS.
• Передача дизайна — Предоставление разработчикам нескольких форматов при одном выборе.
• Доступность — Подстройка яркости или насыщенности (HSL/HSV) для контраста.
• Печать — Конвертация экранных цветов (RGB) в CMYK для печати.
• Консистентность бренда — Одинаковый цвет в веб, приложении и печати.

Ограничения

• Точность — RGB использует целые (0–255), поэтому при конвертации возможна погрешность ±1 канала. Это стандартно и достаточно для типичного использования.
• Цветовой охват — CMYK может представлять цвета, недоступные в RGB; конвертация из CMYK в RGB может давать приближение.
• Системная палитра — Возможности зависят от ОС и браузера.
• Пустой ввод — Очистка поля не очищает отображаемые коды; последний валидный цвет остаётся видимым.