HTML 색상표 손쉽게 찾아보기

웹코딩을 하다보면 애매한 색상을 마주할때가 있습니다. 당연히 포토샵 스포이드로 색상을 찍어보면 손쉽게 처리할 수 있지만 디자인툴을 안거치고 간편히 색상을 알 수 있는 방법은 없을까요?

 

웹디자이너분들은 당연히 필수적으로 디자인툴(포토샵,일러스트) 등으로 이미지를 재가공해서 사용해야 하지만, 퍼블리싱을 위한 목적이라면 이런 무거운 툴은 필요가 없겠죠

 

그래서 간단하게 색상 정도만 맞추는 정도라면 색상표를 보고서 바로 적용하면 작업에 능율이 오릅니다. HTML 색상표 보려고 포토샵을 켤 수는 없으니까요.

 

 

참고 사이트에 들어 갔더니 영어가 나옵니다. 하지만 간단한 영어니 겁먹지는 마세요~

 

 

 

그럼 참고 링크 살펴보겠습니다. 아래 사이트에 들어가주세요.

 

링크 : http://html-color-codes.info

 

사이트에 접속을 하면 HTML Color Chart 영역과 HTML Color Picker 영역 두개로 나뉘어져 있습니다. 각각 하나씩 살펴보겠습니다.

 

HTML Color Chart 영역

 

흔히보는 256배색과 같이 색상을 간단하게 나누어서 HTML 색상표 내용을 메인화면에 커다랗게 채우고 있습니다 그래서 마우스 커서를 원하는 색상에 클릭을 하면 색상코드가 바로 나오니 손쉽게 색상을 추출 할 수 있어요.

 

 

 

 

HTML Color Picker 영역

 

흔히보는 포토샵 팔레트를 생각하시면 됩니다. 16비트 색상 선택하는 것처럼 세분화된 색상을 선택해서 추출할 수 있습니다.

 

 

색상을 선택하면 바로 코드를 알 수 있어서 손쉽게 추출이 가능합니다.