Работа со значениями RGB в JavaScript: преобразование, манипулирование и случайная генерация

Вот несколько методов JavaScript для работы со значениями RGB:

  1. Преобразование RGB в шестнадцатеричный код цвета.
    Вы можете преобразовать значения RGB в шестнадцатеричный цветовой код, используя следующую формулу:

    function rgbToHex(red, green, blue) {
     const r = red.toString(16).padStart(2, '0');
     const g = green.toString(16).padStart(2, '0');
     const b = blue.toString(16).padStart(2, '0');
     return '#' + r + g + b;
    }
  2. Преобразование шестнадцатеричного кода в RGB:
    Если у вас есть шестнадцатеричный код цвета, вы можете преобразовать его в RGB, используя следующий код:

    function hexToRgb(hex) {
     const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
     return result
       ? {
           red: parseInt(result[1], 16),
           green: parseInt(result[2], 16),
           blue: parseInt(result[3], 16)
         }
       : null;
    }
  3. Управление значениями RGB.
    Вы можете манипулировать отдельными компонентами RGB, используя различные методы. Например:

    function lightenColor(rgb, percentage) {
     return {
       red: Math.round(rgb.red + (255 - rgb.red) * (percentage / 100)),
       green: Math.round(rgb.green + (255 - rgb.green) * (percentage / 100)),
       blue: Math.round(rgb.blue + (255 - rgb.blue) * (percentage / 100))
     };
    }
  4. Генерация случайного цвета RGB:
    Чтобы сгенерировать случайный цвет RGB, вы можете использовать следующий код:

    function getRandomRgb() {
     const red = Math.floor(Math.random() * 256);
     const green = Math.floor(Math.random() * 256);
     const blue = Math.floor(Math.random() * 256);
     return { red, green, blue };
    }