Please Enable JavaScript!
Gon[ Enable JavaScript ]

반응형

웹페이지 색상 코드 추출을 위한 Color Cop 프로그램 사용하기

 

환경 :  Color Cop

 

웹디자인이나 프로그램을 개발할 때 직접 색상을 입혀야 하는 경우가 종종 있습니다. 디자인 감각이 없어서 남들이 만들어 놓은 색상을 참고 하고  싶은데 적용을 위해서는 코드값을 알아야 합니다. 코드값을 알기 위해 매번 포토샵을 띄울수는 없겠죠. 설치 없이 간단하게 사용할수 있는 색상 추출 프로그램을 소개하고자 합니다.

 

아주 심플하게 색상 코드값을 알아 볼수 있는 Color Cop 프로그램을 다운받기 위해 링크 주소를 클릭합니다. 그러면 다운로드 페이지 중간쯤에 두가지 유형의 프로그램이 있습니다. 두번째 stand alone 은 포터블 프로그램 입니다. 설치 없이 바로 사용할수 있죠.

http://colorcop.net/download

 

[유틸] 웹페이지 색상 코드 추출을 위한 Color Cop 프로그램 사용하기

 

둘중에 하나를 다운받아서 실행합니다. 메인 페이지에서 스포일러 아이콘을 클릭하시면 아이콘이 커서와 함께 움직입니다. 마우스를 클릭한 상태에서 색상값을 알고 싶은 지역에 스포일러를 놓습니다. 그럼 바로 RGB 값을 알수 있습니다.

[유틸] 웹페이지 색상 코드 추출을 위한 Color Cop 프로그램 사용하기

 

 

스포일러로 찍은 곳의 색상값을 프로그램에서 표시해 주고 있습니다. 왼쪽상단에 있는 값은 RGB 10진수값이며 중간에 있는 값은 16진수 값이죠. 주로 프로그램에서는 16진수 값을 사용하죠.

[유틸] 웹페이지 색상 코드 추출을 위한 Color Cop 프로그램 사용하기

 

 

만약 화면에서 쓰인 색상중 확대시켜서 디테일 하게 체크하고 싶다면 돋보기 모양의 아이콘을 끌어다 놓으시면 됩니다. 그러면 돋보기를 가져간 지역의 내용을 프로그램 창에 확대시켜서 보여줍니다. 그곳에 마우스를 가져가면 아이콘이 스포일러로 바뀌게 되며 클릭하시면 색상값을 가져오게 됩니다.

[유틸] 웹페이지 색상 코드 추출을 위한 Color Cop 프로그램 사용하기

 

 

반응형
Posted by 녹두장군

댓글을 달아 주세요

  1. 손님9 2021.06.05 11:45  댓글주소  수정/삭제  댓글쓰기

    이 프로그램보다는 jcpicker 라는 색상 피커를 추천합니다.
    저같이 서피스북 4k 고해상도 화면을 가진 노트북 등에선 색상 추출이 되지 않습니다.
    원인은 스포이드 좌표가 어긋나네요