utils lightenColor.ts

0% Statements 0/9

0% Branches 0/1

0% Functions 0/1

0% Lines 0/9

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10  
 
 
 
 
 
 
 
 
  export function lightenColor(hex: string, amount = 0.2): string {
  const clamp = (v: number) => Math.min(255, Math.max(0, v));
  const [r, g, b] = hex
    .replace('#', '')
    .match(/.{2}/g)!
    .map((c) => parseInt(c, 16));
  const lighter = [r, g, b].map((v) => clamp(Math.floor(v + (255 - v) * amount)));
  return `rgb(${lighter.join(',')})`;
}