Éclaircir ou assombrir par programmation une couleur hexadécimale (ou RVB et mélanger les couleurs)

Cette fonction vous permet d'éclaircir ou d'assombrir par programmation une couleur hexadécimale d'une quantité spécifique. Passez simplement une chaîne comme "3F6D2A" pour la couleur et un nombre entier pour la quantité à éclaircir ou à assombrir. Pour assombrir, transmettez un nombre négatif (par exemple, -20).

function LightenDarkenColor(col, amt) {
  col = parseInt(col, 16);
  return (((col & 0x0000FF)   amt) | ((((col >> 8) & 0x00FF)   amt) > 16)   amt) 
Autres versions
Version plus rapide et plus petite :
function LightenDarkenColor(col, amt) {
  var num = parseInt(col, 16);
  var r = (num >> 16)   amt;
  var b = ((num >> 8) & 0x00FF)   amt;
  var g = (num & 0x0000FF)   amt;
  var newColor = g | (b 
Gérer les couleurs avec ou sans le préfixe # :
function LightenDarkenColor(col, amt) {
    var usePound = false;
    if ( col[0] == "#" ) {
        col = col.slice(1);
        usePound = true;
    }

    var num = parseInt(col, 16);

    var r = (num >> 16)   amt;

    if ( r > 255 ) r = 255;
    else if  (r > 8) & 0x00FF)   amt;

    if ( b > 255 ) b = 255;
    else if  (b  255 ) g = 255;
    else if  ( g 
Utilisation
Pour utiliser la fonction, transmettez simplement la chaîne de couleur hexadécimale que vous souhaitez éclaircir ou assombrir, ainsi que la quantité par laquelle vous souhaitez l'ajuster. Par exemple, le code suivant éclaircit la couleur "3F6D2A" de 40 :
const lightenedColor = LightenDarkenColor("3F6D2A", 40);
console.log(`Lightened Color: ${lightenedColor}`); // Output: 7FADEE
Performance
Les performances de cette fonction sont optimisées pour la vitesse et la taille. Il utilise des opérations au niveau du bit pour manipuler les valeurs de couleur, ce qui le rend extrêmement rapide. La fonction est également très petite, ce qui la rend idéale pour une utilisation dans de petites applications.
Caractéristiques
Éclaircit ou assombrit une couleur hexadécimale d'une quantité spécifiée
Gère les couleurs avec ou sans le préfixe #
Ajuste les valeurs de couleur incorrectes
Renvoie une représentation sous forme de chaîne hexadécimale du nouveau couleur
Limitations
La fonction ne convertit pas la couleur en HSL pour éclaircir ou assombrir correctement la couleur. Par conséquent, les résultats peuvent différer de ceux des fonctions qui utilisent HSL.