이미지 색상 추출하기 pixlr 색상피커 이용

본 포스팅은 온라인편집사이트인 pixlr를 이용하여 이미지의 색상을 가져오는 내용으로 작성되었는데요! 
아래 사이트에서 더 편하게 색추출이 가능한 것 같아 공유해봅니다. 
아래 사이트는 HTML컬러코드를 쉽게 찾아주는 사이트인데요~ 
상단 메뉴 중 두번째 COLORS FROM IMAGE(이미지의 색상) 메뉴를 이용하여 이미지를 불러온 후, 컬러피커를 이용하여 이미지에서도 쉽게 색상코드를 찾으실 수 있습니다. 

✔️ 추가(22.7.30)

https://html-color-codes.info/Korean/

HTML 컬러 코드

---

:: 이미지 색상 추출하기 pixlr 색상피커 이용 ::

 

웹에서 무언가를 만들 때 원하는 색깔을 가져오고 싶을 때가 있습니다. 웹서핑 중에 맘에 드는 색이라던지 혹은 사진에서 색깔을 추출하고 싶을 때도 있는데요~ 이럴 때 간단하게 색상코드를 가져오는 방법입니다.

 

 

온라인 이미지편집 사이트인 pixlr을 이용합니다.

pixlr.com/kr/e/

사진 에디터 : Pixlr.com - 무료 이미지 편집 온라인 프로그램

PIXLR에서는 두 가지 편집창을 제공하는데요~ PIXLR X와 PIXLR E입니다. 이 중 X는 초보자용이면서 간단한 편집만 가능하고 E는 좀 더 전문적인 편집이 가능합니다. 위 링크는 PIXLR E 에디터로 색상피커를 사용하려면 E에디터를 이용해야합니다. 

 

---

 

PIXLR E의 편집창입니다. 상단에 PIXLR E 와 PIXLR E의 메뉴가 보이고
왼편에 현재 편집창이 PIXLR E라고 보입니다.

 

 

이미지 열기를 클릭하여 이미지를 편집창으로 불러온 후, 스포이드툴(색상피커)로 색을 추출해주면됩니다. 

 

 

이미지를 찾아서 편집창으로 불러와주세요~ 

그리고 왼편 도구들 중 스포이드 모양의 색상피커를 클릭해줍니다. 

 

 

스포이드 모양을 선택하고 이미지 위에 커서를 두면 + (십자)모양과 물방울 모양이 보이고 원하는 곳을 클릭하여 색상을 선택해주면됩니다. 

 

 

그럼 왼편 툴 중 아랫부분에 전경, 후경색 부분에 색이 바뀐 것을 확인할 수 있어요~ 

 

 

제가 선택한 색이 맞다면 화살표 부분의 동그란 보라색을 클릭해줍니다. 그럼 색상표가 나오고, 그 색상의 정보가 나오게됩니다.

 

 

요렇게 R G B 로도 나오고 색상코드도 나옵니다. 여기서 색상코드를 복사하여 원하는 곳에서 사용하면 되겠습니다. ^^
저는 이렇게 추출한 색을 웹페이지에서 글을 쓸 때 글자색으로 이용하곤합니다. 사진의 색과 통일감을 줄 수 있어서 좋습니다.
또는 마음에 드는 색상이 있는 사이트에서 색상을 가져오기 위해서 캡쳐후에 위와같이 색상정보를 확인하곤합니다.
상단에 보면 내가 선택한 색에 관한 음영, 유사색, 보색 등 같이 사용하면 좋을 색상정보도 나옵니다.

 

 

색상추출을 많이 하시는 분들은 색상추출 프로그램을 다운받아서 사용하면 더 쉽고 빠르겠지만, 프로그램 다운 없이 온라인 상에서 간단하게 게 사용하기 좋겠습니다.