[무료 어플] 색상 추출 애드온 ColorZilla 와 픽픽

우리에게 이제 인터넷없는 세상은 생각할 수 없게 되었습니다. 많은 웹사이트와 페이지가 존재하지만 그 사이트의 정보만큼이나 그 사이트를 찾게 되는 또다른 이유는 디자인과 편의성입니다. 이렇게 웹사이트의 느낌을 가늠하는 가장 큰 부분이 되고 있는 것이 웹디자인이며 여기서 말하고자하는 색상입니다. 네이버가 이렇게까지 성공할 수 있었던 많은 부분중에 저는 네이버가 선택한 녹색이 사람들을 편안하게 만들기 때문이라 생각합니다. 또 이 녹색이 네이버를 대변하는 색으로 자리 잡았습니다.
우리도 이제 언제 필요해질지 모를 나름의 색상과 팔레트를 구성해 갑시다. 여기서 팔레트라 함은 메인이 되는 색상과 잘 어울릴 수 있는 몇가지 조화로운 색상들을 말합니다. 우리가 웹디자이너도 아니고 단번에 모든 색상을 찾기 위해 시간을 버리지는 않습니다. 물론 당장 필요한 것도 아니구요. 웹서핑을 하면서 마음에 드는 색상을 하나씩 모아두는 것입니다.
이 작업을 위해 가장 필요한 것이 색상 추출기가 되겠습니다. 이는 쉽게 해당 색깔의 HTML 색상코드를 얻는 프로그램들을 말합니다. 이번 게시물에서는 하나의 웹브라우저 애드온과 두개의 색상 추출 무료어플을 소개 드립니다.

ColorZilla (칼라질라)

이는 색상 추출기로는 상당인 인지도가 있는 웹브라우저 애드온 입니다. 파이어폭스(Firefox) 와 구글 크롬(Chrome) 에서 사용할 수 있습니다. 사용하시는 브라우저로 아래의 웹사이트로 가셔서 애드온을 추가합니다. 물론 말씀드린 두 브라우저 중에서 입니다.

ColorZilla (칼라질라) 애드온 설치 : http://www.colorzilla.com/firefox/

저는 파이어폭스를 사용하기에 위의 주소에서 바로 설치하였습니다. 크롬을 사용하시는 분들은 파란색 언더라인 의 탭을 선택하고 Install ColorZilla 버튼을 클릭해 주시면 되겠습니다.

[그림1] ColorZilla 애드온 설치

[그림2] ColorZilla 기능

[그림2] 에서 "Eyedropper" 메뉴를 선택하면 바로 웹페이지의 색상을 추출할수 있습니다. 아래와 같이 원하는 위치에서 클릭해 주시면 해당색상이 클립보드에 복사됩니다.

[그림3] ColorZilla 색상추출

바로 붙여 넣기로 색상코드를 사용하실 수도 있고 오른쪽버튼후 "Palette Browser" 메뉴를 선택하고 해당 창의 팔레트 탭에서 "History" 부분을 보시면 원하는 색상이 포함되어 있을 것입니다.

[그림4] ColorZilla 팔레트 브라우저

이는 애드온 이기에 해당 브라우저 내의 색상만을 추출할 수 있다는 단점이 있습니다.

PicPick (픽픽)

흔히들 '픽픽' 이라 부릅니다. 이는 다양한 그래픽 도구들이 포함되어 있는 무료어플입니다.

PiPick 다운로드 : http://ngwin.com/picpick
PiPick 한글화 다운로드 : http://wiziple.tistory.com/

설치후 프로그램을 실행후 오른쪽 그래픽 도구 분류에서 이중 "색상 추출 도구" 를 선택하고 색상을 추출하실 수가 있습니다.

[그림5] 픽픽 색상추출도구

원하는 색상을 선택하면 "색상 팔레트" 창이 뜹니다. 여기서 원하는 코드의 형태로 선택하고 복사할 수 있습니다. 물론 원하는 색상을 임의로 만들고 그 코드를 복사할 수도 있습니다.

[그림6] PicPick 색상 팔레트

Instant Color Picker (ICP)

인스턴트 칼라 픽커(ICP) 가 가장 많은 기능이 포함되어 있는 것 같습니다. 아래의 사이트에서 ICP를 다운받아 설치합니다.

Instant Color Picker (ICP) 다운로드 : http://www.youngsmarts.com/download.htm

[그림7] Instant Color Picker 색상추출

메인창에서 우클릭후 메뉴를 보시면 다양한 기능들이 포함된 것이 보입니다. 기본적인 색상추출기능은 Eye dropper 입니다. 이외에도 색상을 바로 선택해 볼 수 있는 "Quick Color Palette", 원하는 색상에 이름을 붙여 두고 나중에 검색해 볼 수 있는 "Named Colors" 등의 기능이 있습니다.

[그림8] Instant Color Picker 기능

원하는 색상 추출기를 선택하고 마음껏 활용하세요. 포함된 더 많은 기능도 찾아 보시구요. 저는 이렇게 색깔을 쉽게 얻어 낼 수 있다는 것만 보여드렸습니다.

마늘빵.