Run results for: q_cshade1

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0

Browser: Firefox 102

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
shade1_3	2691004.0 Ops/sec
shade1_6	2013183.5 Ops/sec
shade2_3	3723825.0 Ops/sec
shade2_6	3500244.8 Ops/sec

Script Preparation code:

function colorShade1(color, amount) {
    let [r, g, b] = color.length === 3 ?
      color.split('').map((str) => Number.parseInt(str + str, 16) + amount)
    : color.match(/.{2}/g).map((str) => Number.parseInt(str, 16) + amount);
}

function colorShade2(color, amount) {   
    if (color.length === 3) color = color[0] + color[0] + color[1] + color[1] + color[2] + color[2];
        
  	// Get r,g,b as numbers and with amount applied
  	let r = Number.parseInt(color.substring(0,2), 16) + amount;
  	let g = Number.parseInt(color.substring(2,4), 16) + amount;
  	let b = Number.parseInt(color.substring(4,6), 16) + amount;
}

Tests:

shade1_3
colorShade1('AEF', 10);
shade1_6
colorShade1('36A2EB', 10);
shade2_3
colorShade2('AEF', 10);
shade2_6
colorShade2('36A2EB', 10);

cshade

shade1_3

shade1_6

shade2_3

shade2_6