블로그를 운영하면서 스킨의 특정부위나 본문내용의 글자색깔이나 배경색들을 변경하려고 하면 당연히 html편집창에서 css에 있는 특정부위 '색상코드'를 찾아서 변경해줘야 합니다.

그런데 새로 변경해주려는 색상코드를 어떻게 찾아낼 수 있을까요?

 

물론 인터넷 검색을 통해서 색상코드표를 찾아서 아~이 색깔은 이런 색상코드구나~라고 하면서 그 색상코드를 쓰면 되지만..내가 원하는 색상을 찾기란 쉬운 일이 아니에요.

 

그래서 컴퓨터상에 보여지는 모든 색상중..언제든지 원하는 부분의 색상을 알고 싶다면 색상코드 추출 프로그램을 사용해야 합니다.

 

그중에서도 정말 간편한 'Color Cop'과 'FoRi Color'라는 녀석들을 소개할께요~

 

색상코드 간편하게 추출하는 방법(Color Cop과 FoRi Color)1

 

먼저 Color Cop으로 윈도우 배경화면에 있는 색상의 일부를 추출해보았습니다.

 

실행시켜주면 위와 같이 작은 팝업창이 나타나는데요..왼쪽 중간에 보이는 스포이드를 마우스로 잡아당긴 다음 원하는 곳에 가져가면 자동적으로 색상코드를 알 수 있습니다.

 

색상코드 간편하게 추출하는 방법(Color Cop과 FoRi Color)2

 

그리고 Color Cop은 특정 부분을 확대해서 세밀하게 색상코드를 추출할 수 있습니다.

 

저기 윈도우7의 배경화면 오른쪽 끝부분을 확대하면 저렇게 Color Cop 실행창아래에 크게 확대된 픽셀이 나타나고 거기서 따로 스포이드를 이용해서 내가 원하는 색상의 코드를 보다 정확하게 찾을 수도 있죠.

 

colorcop.zip
다운로드

 

위에 첨부한 파일을 다운받은 다음, 압축을 풀어서 실행파일 바로가기를 만들어서 바탕화면에 두고 사용하거나(자주 사용한다면) 필요할때마다 실행파일을 눌러서 직접 실행시켜야 합니다.

 

색상코드 간편하게 추출하는 방법(Color Cop과 FoRi Color)3

 

다음은 FoRi Color라는 색상코드 추출기입니다. 아래에 있는 파일을 다운받으세요~ Color Cop보다는 훨씬 단순해보이는데..실제 기능도 단순합니다. 실행시킨 다음 오른쪽 하단에 보이는 's'버튼을 눌러주면..

 

FColor.exe
다운로드

 

색상코드 간편하게 추출하는 방법(Color Cop과 FoRi Color)

 

색상코드 간편하게 추출하는 방법(Color Cop과 FoRi Color)4

 

위와 같이 실행창이 컴퓨터 화면 좌측상단 구석으로 자동으로 위치하게 되고..이때 마우스 커서(윗쪽을 향하고 있는 얇은 화살표 모양)를 움직여가면서 원하는 위치를 한번 클릭만 해주면..

 

색상코드 간편하게 추출하는 방법(Color Cop과 FoRi Color)5

 

이렇게 컴퓨터 화면 정가운데 FoRi Color의 실행창이 나타나면서 그 위치의 색상코드 확인이 끝나는 거죠^^ 정말 엄청 쉽고 간편합니다. 단점은 Color Cop처럼 확대기능이 없어서 세밀한 색상코드 추출은 어려워요.

 

색상코드 간편하게 추출하는 방법(Color Cop과 FoRi Color)6

 

네이버 홈페이지 상단에 보이는 검색창 모서리를 Color Cop과 FoRi Color 모두 사용해서 색상코드를 추출해보았습니다.

 

저 녹색부분의 테두리를 확대해서 색상을 추출하니까 #2db400이라는 코드가 나타나는군요~

 

둘다 간편해서 좋은 프로그램이긴 하지만 개인적으로는 부분확대도 가능한 Color Cop이 더 좋은 것 같습니다. 이미 오래전부터 쓰고 계신분들이 많겠죠?^^

 

이런 무료 배포 프로그램은 컴퓨터에 하나쯤은 보관해두는 것이 좋습니다.

그리드형