티스토리 블로그 색상 선택도구 추가하기

티스토리 블로그 글에서 바로 색상선택도구를 추가할 수 있는 코드입니다.

거의 쓸 일은 없겠지만 아래 코드를 활용해 유용하게 사용할 수 있습니다.

RGB코드, HSL코드, HEX코드 값을 바로 확인할 수 있습니다.

 

 

색상 선택도구

 

[ 적용 코드 예시 ]

div

h2 색상을 선택하세요 /h2
input type="text" id="colorPicker"

script
$(document).ready(function() {
$("#colorPicker").spectrum({
color: "#f00",
change: function(color) {
alert("선택한 색상은 " + color.toHexString() + " 입니다.");
}
});
});
/script

/div