이미지 색상코드 자동 추출하는 방법 - 어도비 컬러

오늘은 이미지에서 테마 색상을 한 번에 자동으로 추출해 주는 사이트를 알아보겠습니다. 어도비사에서 운영하는 어도비 컬러라는 곳입니다. 드래그 앤 드롭으로 사진 이미지를 빠르게 올리고, 색상코드를 빠르게 자동으로 추출할 수 있습니다.  사진이미지를 올리면 곧바로, 5가지로 테마 색상을 추출해서 보여줍니다. 주요 색상을 빠르게 한 번에 추출할 수 있을 뿐만 아니라, 무작위 추출 방식이 아닌, 조화를 이루는 색상코드를 선별해서 보여준다는 점이 가장 큰 장점입니다. 색상 선택에 어려움을 겪는 초보자에게는 특히나 활용도가 높은 사이트입니다. 가지고 있던 사진으로 어도비 컬러에서 직접 이미지 색상코드를 추출해 보면서 어도비 컬러 사이트 활용법을 살펴보겠습니다. 

---

색상코드를 추출하기 위해서 어도비 컬러 사이트( https://color.adobe.com/ko/create/image)에 접속합니다.  

https://color.adobe.com/ko/create/image

 

1. 자동으로  이미지에서 색상코드추출하기

가지고 있는 사진 이미지를 드래그 앤 드롭으로 페이지에 끌어다 놓으면, 바로 테마 색상을 자동으로 추출해서 보여줍니다. 

가지고 있던 사진을 올리면 아래와 같이 어도비컬러에서 대표색이라고 생각하는 색상코드 5가지를 추출해서 보여줍니다. 사진을 올리자마자 바로 색상코드가 뜨기 때문에 빠르게 색상코드를 볼 수 있습니다.

Adobe Color에서 자동 추출된 색상코드

2. 반자동으로 이미지에서 색상코드 추출하기

어도비 컬러에서 자동으로 추출해준 색상이 내가 찾는 색상이 아닌 경우에는 왼쪽에서 색상무드를 조절하면서 내가 원하는 색상톤을 찾을 수 있습니다.  위 사진과 같은 사진을 두고 왼쪽에서 색상무드를 변경하면 아래 그림처럼 자동으로 조절된 색상코드를 보여줍니다. 

Adobe Color 색상무드에서 테마 색상조절하기

3. 수동으로 이미지 색상코드 추출하기

수동으로 원하는 색상을 선택할 수도 있습니다. 사진 이미지에서 동그라미 표시된 부분이 색상코드가 추출된 부분입니다. 이 동그라미를 마우스로 움직여서 내가 추출하고자 하는 색상에 가져다 놓으면 됩니다. 

아래 사진처럼 특정색(붉은색)을 제외하거나, 원하는 위치의 색상코드를 추출할 수 있습니다. 

Adobe Color에서 수동으로 색상코드 추출하기

 

---

어도비 컬러에서 활용할 수 있는 다른 기능들을 간략히 살펴보겠습니다. 

4. 색상휠 활용해서 색상 조절하기

색상휠에서는 추출된 테마 색상의 색상휠을 보여줍니다. 색상휠을 움직이며 색상들을 미세 조정하면서, 색상들 간의 조화를 한눈에 볼 수 있습니다. 

5. 그레디언트 색상 추출하기

테마 색상을 중심으로 그레디언트를 적용할 때 조화로운 색상을 찾는데 도움을 줍니다.  

6. 접근성 도구 - 가시성이 좋은 배경색과 텍스트 색 찾기

글을 쓸때, 배경색과 텍스트의 색 조합이 내용 전달에 효과적인가를 분석해서 보여줍니다. 텍스트 색상과 배경색을 조절해 보면서, 글자 포인트와 그래픽 요소가 어느 정도 크기일 때 가장 효과적으로 전달되는가를 볼 수 있습니다. 

---

이상으로 어도비 컬러에서 이미지의 색상코드 추출하는 방법과 활용법을 알아보았습니다. 어도비컬러에는 이외에도 색상조합에 참고가 될만한 여러 가지 기능들이 있습니다. 색상 트렌드를 분석한 색상차트를 볼 수 있고, 주제별 검색어를 입력하면  주제별 색상 코드를 찾아볼 수도 있습니다. 천천히 살펴보시면서 어도비 컬러에서 제공하는 여러 기능들을 활용해서 멋진 작품 만드시기 바라겠습니다. 오늘 작업실이었습니다. 

 

인터넷 접속을 하지 않고 윈도우에서 색상코드 추출하는 방법이 궁금하다면 아래 글을 참고해 주세요

색상코드 추출하는 방법 -윈도우 10 그림판