Please Enable JavaScript!
Gon[ Enable JavaScript ]

반응형

픽픽(PicPick) 색상 추출기 사용하는 방법과 색상 코드 확인하는 방법

 

환경: PicPick

 

웹 사이트 디자인을 하거나 프로그램에 색상을 입힐 때 색상 코드 값이 필요합니다. 16진수로 된 색상 코드 값을 알아 내기 위해서는 코드표나 값을 추출할 수 있는 도구가 있어야 합니다. 오늘은 코드값을 알아내는 두 가지 방법에 대해 알아 보겠습니다. 첫 번째는 웹 사이트에서 제공하는 색상표를 통해서 코드 값을 알아내는 것입니다. 두 번째는 픽픽이라는 화면 캡처 프로그램이 제공하는 색상 추출기를 이용하는 것입니다.

 

아래 링크를 클릭해서 웹 사이트에 접속하면 색상 코드값을 알려 주는 사이트로 접속할 수 있습니다. 화면에는 조그마한 사각형에 색깔들이 채워져 있습니다. 코드값을 알고 싶은 색깔을 마우스로 클릭합니다. 그럼 상단에 색깔이 추가되면서 코드값을 알려 줍니다.

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

픽픽(PicPick) 색상 추출기 사용하는 방법과 색상 코드 확인하는 방법

 

좀더 디테일한 코드값을 알고 싶다면 바로 아래에 있는 Color Picker 를 이용해 보세요. 그림판 같은 이미지 편집 툴에서 본 적이 있을 겁니다. 왼쪽 영역에 포인트를 가져가면 오른쪽에 코드값과 RGB, HSV 값을 알려 줍니다

픽픽(PicPick) 색상 추출기 사용하는 방법과 색상 코드 확인하는 방법

 


두 번째 방법은 픽픽 화면 캡처 프로그램에 있는 색상 추출 도구를 이용하는 것입니다. 웹 사이트에서 참고 하고 싶은 색깔이 있을 때 주로 이용합니다. 색상 추출 도구로 해당 영역에 마우스를 가져가서 코드값을 추출할 수 있기 때문입니다. 프로그램을 실행하고 [파일] > [도구] > [색상 추출 도구] 메뉴를 클릭합니다

픽픽(PicPick) 색상 추출기 사용하는 방법과 색상 코드 확인하는 방법

 

색상 추출 도구는 그림처럼 마우스를 위치하는 곳에 16진수 코드값을 알려 줍니다. 알아내고 싶은 색상값이 있으면 마우스를 클릭합니다

픽픽(PicPick) 색상 추출기 사용하는 방법과 색상 코드 확인하는 방법

 

그럼 색상 팔레트가 뜨고 좀더 상세한 색상값을 알 수 있습니다. 이상으로 색상 코드값을 알아내는 두 가지 방법에 대해 알아 보았습니다

픽픽(PicPick) 색상 추출기 사용하는 방법과 색상 코드 확인하는 방법


반응형
Posted by 녹두장군1
,