Чтобы инвертировать цвета в JavaScript, вы можете использовать несколько методов. Вот несколько подходов, которые вы можете использовать:

1. Фильтр CSS.
   Вы можете использовать фильтры CSS для инвертирования цветов, применив фильтр invert()к нужному элементу. Вот пример:

   document.getElementById("elementId").style.filter = "invert(100%)";

2. Манипулирование холстом.
   Другой метод предполагает использование элемента холста HTML5 для управления данными пикселей и инвертирования цветов. Вот пример:

   var canvas = document.getElementById("canvasId");
   var ctx = canvas.getContext("2d");
   var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
   
   for (var i = 0; i < imageData.data.length; i += 4) {
      imageData.data[i] = 255 - imageData.data[i];         // Red
      imageData.data[i + 1] = 255 - imageData.data[i + 1]; // Green
      imageData.data[i + 2] = 255 - imageData.data[i + 2]; // Blue
   }
   
   ctx.putImageData(imageData, 0, 0);

3. Переменные CSS.
   Если вы хотите динамически инвертировать цвета, вы можете использовать переменные CSS и обновлять их значения с помощью JavaScript. Вот пример:

   document.documentElement.style.setProperty("--invert-color", "invert(100%)");

Это всего лишь несколько методов инвертирования цветов в JavaScript. Вы можете выбрать тот, который лучше всего соответствует вашим требованиям.