예를 들어 "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 라는 사람의 답변이 제일 깔끔한 것 같습니다.

문의 | 코멘트 또는 yoonbumtae@gmail.com


카테고리: WEB: Frontend


0개의 댓글

답글 남기기

Avatar placeholder

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다