#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만 사용하시려면 이 스크립트를 사용하시면 됩니다.
