Конвертор CSS цветов

Реализуйте сервис, позволяющий конвертировать цвет из одного формата в другой.

Основные возможности проекта

• Два связанных инпута: RGB и HEX.
• Синхронное изменение значений при редактировании любого инпута.
• Отображение выбранного цвета в реальном времени.
• Валидация вводимых значений.

Главная страница

Интерфейс сервиса должен представлять собой два инпута и блок с отображением цвета:

• Инпут для RGB значения (например, "rgb(255, 128, 0)").
• Инпут для HEX значения (например, "#ff8000").
• Блок с цветом, который меняется в зависимости от введенных значений.

Синхронизация

Пользователь может редактировать любой из инпутов:

• При изменении RGB инпута - HEX инпут автоматически обновляется.
• При изменении HEX инпута - RGB инпут автоматически обновляется.

Валидация

Сервис должен проверять вводимые данные:

• Для RGB - значения должны быть числами от 0 до 255.
• Для HEX - строка должна начинаться с # и содержать 6 символов (0-9, a-f).
• При некорректном вводе инпут должен подсвечиваться ошибкой.

Дополнительные возможности

• Поддержка RGB с альфа-каналом (RGBA).
• Поддержка сокращенного HEX формата (например, "#f80").
• Палитра выбора цвета (color picker).