이미지에서 색상 코드 추출하는 세가지 방법 (그림판, 포토스케이프, 픽픽)

이미지 편집, 생성하다보면 어떤 특정한 색상코드를 알고 싶을 때가 있어요. 마음에 쏙드는 색상을 찾았을 때나, 전에 사용했던 색 코드를 똑같이 사용해야할때, 이건 무슨 색이지 궁금할때 등등.

 

그럴때 색상 추출도구를 이용해서 해당 이미지의 색상 RGB값을 알아낼 수 있습니다. 아주 간단하기 때문에 대충 비슷한 색상을 찾기보다는 정확하게 RGB값을 알아내면 더욱 퀄리티 있는 이미지를 만들어 낼 수 있겠죠. 

 

참고로, RGB와 헥스코드 등 색상코드에 대해서는 아래 링크의 포스팅에서 확인할 수 있습니다. 

RGB, CMYK, 헥스코드 색표현 차이점 알아보기 

 

 

이미지에서 원하는 색상 RGB코드 추출하는 세가지 방법 

그림판과 픽픽, 포토스케이프 세가지 프로그램을 이용하는 방법을 소개해볼께요.

 

1. 그림판 이용 

가장 편하고 어느 컴퓨터에나 설치되어있는 그림판을 이용하는 방법입니다. 

 

그림판을 열고 색상 추출할 이미지를 열어주세요. 

 

저는 아래 사진에서 저 파란색상을 추출해보겠습니다. 사실 사진은 단일 색상이 아니기 때문에 마우스를 어디에 두느냐에 따라 다른색이 나오지만, 그래도 비슷한 색상 범위는 알 수 있습니다.

 

그림판 메뉴에서 <도구>에 보면 스포이드 모양이 있습니다. 이것이 색상 코드 추출하는 도구인데요, 스포이드 모양 누른 후, 이미지에서 색상 추출하고싶은 포인트에서 클릭해주세요. 그려면 <색 1>에 추출된 색상이 나타납니다.

색상 코드를 자세히 보려면 오른쪽에 <색편집>을 눌러주세요. 

 

색편집을 누르면, 아래처럼 색상 파레트 창이 뜨는데요, 아래쪽에 보면 RGB 코드 값이 나옵니다. 만약 RGB코드를 헥스코드(# 붙은 코드)로 변환 하고싶다면, 네이버 색상코드에 입력해보면됩니다. 

 

 

2. 픽픽 이용하기 

두번째로 픽픽 도구를 사용하는 방법입니다.

 

픽픽은 프로그램을 따로설치해야 사용할 수 있는데요, 캡쳐라든지, 화면 눈금자 등 유용한 기능이 많기때문에 없으신 분들은 설치하셔도 좋을 것 같습니다. 네이버에 '픽픽' 검색 후 설치하면됩니다.

 

픽픽을 실행하면 <그래픽도구>에 <색상 추출 도구> 라고 있습니다. 

픽픽에서도 이 기능은 스포이드 아이콘으로 되어있죠. 포토샵도 그렇고 대부분 스포이드 모양이 있으면 색상 추출하는 기능으로 보면됩니다.

 

색상 추출도구를 실행시킨 후, 추출하고싶은 이미지 위에 마우스 커서를 위치시키면 아래처럼 RGB 값이 화면 한쪽에 조그맣게 바로 표시가 됩니다. 이렇게 바로 보고 확인해도 되고, 마우스를 한 번 클릭하면 색상 팔레트가 뜨기 때문에 팔레트에서 확인해도 됩니다. 

 

 

픽픽의 색상 팔레트도 그림판이랑 비슷하게 생겼네요. 오른쪽과 아래쪽에 보면 RGB 값이 나옵니다. 바로 복사해서 사용하면 되겠네요.  

 

3. 포토스케이프

요즘 포토스케이프 많이 쓰죠. 포토스케이프에서는 색상정보를 헥사코드 (#으로 시작하는 컬러코드)를 확인할 수 있어요. 

 

색상을 추출한 이미지를 불러오거나, 다른 곳에 있는 이미지에서 추출도 가능합니다. 방법은 같아요.

먼저 상단에 있는 도구 중에서 '삽입'을 선택합니다. 

 

그 후 도형 선택> 아무 모양이나 선택> 색상 순서로 선택하세요. 도형이던 텍스트건 상관없습니다. 색상을 선택하는 메뉴를 활성화시키기위해서 불러오는 것입니다. 

 

색상 탭이 열리면 아래쪽에 스포이드 모양을 찾을 수 있어요. 선택합니다.

 

이미지를 불러왔다면 해당 이미지에서 추출할 색에서 선택하고, 포토스케이프 창 밖에서 색상 추출을 하려면 마우스를 옮겨 해당 색상을 선택하면됩니다. 

 

색상을 스포이드로 선택하면 포토스케이프 색상에 해당 색이 나올거에요. 그리고 해당 색상의 헥사코드를 확인할 수 있습니다. '복사하기#'을 눌러서 사용하면됩니다. 

 

이미지에서 특정 색상의 RGB값을 찾아내는 방법을 알아보았습니다. 도움이 되었기를 바랍니다.