...

Конвертер RGB в HEX (и обратно) онлайн

Author Автор: Роман Чернышов    Опубликовано: 2 апреля 2025

hex rgb конвертерПриветствую друзья! Представляю вашему вниманию конвертер RGB в HEX (и обратно) онлайн. HEX и RGB — это способы задания цветов в цифровом виде. RGB (Red, Green, Blue) использует три числа от 0 до 255 для красного, зелёного и синего (например, RGB(255, 0, 0) — красный), применяясь в устройствах и графике. HEX — это шестнадцатеричный код (#RRGGBB), где те же значения записаны от 00 до FF (например, #FF0000 — тот же красный), популярный в веб-разработке. Они взаимозаменяемы: RGB — десятичная система, HEX — компактная шестнадцатеричная, но оба описывают один и тот же цвет.

R: G: B:
Тут будет отображен результат

Конвертер предоставляет следующие возможности

  • Выбор направления конвертации через выпадающий список;
  • Динамическое переключение между полями ввода RGB (3 поля) и HEX (1 поле);
  • Встроенный Color Picker для обоих вариантов;
  • Синхронизация значений между полями ввода и Color Picker;
  • Валидация входных данных:
    Для RGB: ограничение значений 0-255;
    Для HEX: проверка формата (#RRGGBB или RGB).
  • Поддержка короткого формата HEX (#RGB).

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

  • При выборе «RGB → HEX» показываются три поля для R, G, B и соответствующий Color Picker;
  • При выборе «HEX → RGB» показывается одно поле для HEX и соответствующий Color Picker;
  • При изменении значений в полях они автоматически синхронизируются с Color Picker;
  • При выборе цвета в Color Picker значения в полях обновляются;
  • После отправки формы PHP обрабатывает данные и выводит результат.

 

Оставить комментарий

Автор блога
Роман Чернышов
Веб-разработчик,
Full Stack
Senior, Architect
PHP, JavaScript, Node.JS, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin
Заказать работу
предложить оффер

Моя книга
Книга. Веб-разработчик. Легкий вход в профессию
Печатная книга
Веб-разработчик.
Легкий вход в профессию
Купить за 359₽
Популярные записи
Последние вопросы
Список вопросов
Последние комментарии
Меню

Archive

Мои проекты
Insurance CMS Love Crm CMS Совместные покупки Мой PHP Framework Хостинг для моих клиентов Лицензии на мой софт и поддержка