JavaScript 색상값 변경 (hex -> rgb, rgba)

색상값을 표현하는 다양한 방법 중 hex(16진수)로 된 값을 rgb(x, x, x) 혹은 rgba(x, x, x, a)형태로 변경해주는 함수입니다.

 

function hexToRgb(hex, alpha) {
  let r = parseInt(hex.slice(1, 3), 16),
    g = parseInt(hex.slice(3, 5), 16),
    b = parseInt(hex.slice(5, 7), 16);

  if (0 <= alpha && alpha <= 1) {
    return `rgba(${r}, ${g}, ${b}, ${alpha})`
  } else {
    return `rgb(${r}, ${g}, ${b})`
  }
}

hexToRgb('#ff0000') // rgb(255, 0, 0)
hexToRgb('#ff0000', 0.5) // rgba(255, 0, 0, 0.5)