예를 들어 "red"
라고 입력하면 red의 rgb에 해당하는 [255, 0, 0]
의 색상 정보를 반환하는 프로그램을 만들어 보겠습니다. 일반 색상명으로 입력했는데 나중에 투명도를 적용하기 위해 rgba 등으로 바꾸고 싶을 때 사용하면 좋을 것 같네요.
function getRGB(colorStr) { let el = document.createElement("div"); el.style["background-color"] = colorStr; document.body.appendChild(el); let style = window.getComputedStyle(el); let color = style["backgroundColor"]; document.body.removeChild(el); let colorArray = color.replace(/rgb\(/, "").replace(/\)/, "").split(",") return colorArray; }
"anTIquEwhITe"
이런식으로 입력하거나 "rgb(255, 0, 0)"
또는 “#FF0000"
이라고 입력해도 정상적으로 값을 반환합니다.
출처: https://stackoverflow.com/questions/16808575/get-color-code-from-color-word
위 링크에서 Moritz Roessler 라는 사람의 답변이 제일 깔끔한 것 같습니다.
0개의 댓글