Преобразование цветов RGB в шестнадцатеричные коды в JavaScript

Введение

В этом практическом занятии мы изучим процесс преобразования значений RGB в шестнадцатеричные коды цветов на JavaScript. Мы будем использовать побитовый оператор сдвига влево и Number.prototype.toString(), чтобы преобразовать заданные параметры RGB в шестизначное шестнадцатеричное значение с использованием String.prototype.padStart(). Это практическое занятие поможет вам понять процесс преобразования и дать вам практический опыт в реализации алгоритма на JavaScript.

Конвертер RGB в HEX

Для преобразования значений RGB в шестнадцатеричный код цвета:

1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
2. Используйте следующую функцию:

const RGBToHex = (r, g, b) =>
  ((r << 16) + (g << 8) + b).toString(16).padStart(6, "0");

3. Вызовите функцию с значениями RGB в качестве аргументов, чтобы получить шестизначное шестнадцатеричное значение.

Например:

RGBToHex(255, 165, 1); // 'ffa501'

Резюме

Поздравляем! Вы завершили практическое занятие по преобразованию RGB в HEX. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.