[자바스크립트] 헥스 색상 rgba로 변경하기

#fff같은 헥스 색상을 rgba(255,255,255,1)처럼 rgba로 변경하는 스크립트입니다.

toRgba = (hex, opacity) => {

let value = hex.replace("#","");

value.length === 3 && (

value = value.charAt(0) + value.charAt(0) + value.charAt(1) + value.charAt(1) + value.charAt(2) + value.charAt(2)

),

value = value.match(/[a-f\d]{2}/gi),

(opacity === undefined || opacity > 1) && (opacity = 1)

return `rgba(${parseInt(value[0],16)},${parseInt( value[1], 16 )},${parseInt( value[2], 16 )},${opacity})`

}

toRgba("#fff", ".5")같은 방법으로 사용하시면 됩니다.

앞에 헥스 색상의 #은 생략하셔도 되고, opacity는 생략하시면 1로 출력됩니다.

toRgb = hex => {

let value = hex.replace("#", "");

value.length === 3 && (

value = value.charAt(0) + value.charAt(0) + value.charAt(1) + value.charAt(1) + value.charAt(2) + value.charAt(2)

),

value = value.match(/[a-f\d]{2}/gi)

return `rgb(${parseInt(value[0],16)},${parseInt( value[1], 16 )},${parseInt( value[2], 16 )})`

}

rgb만 사용하시려면 이 스크립트를 사용하시면 됩니다.