이미지에는 다양한 종류의 색상이 포함되어 있습니다. 모든 색상에는 고유한 코드가 있어 이를 통해 색상을 손쉽게 식별할 수 있습니다. 대부분의 사용자는 이미지 편집기에서 이러한 코드를 활용해 서로 다른 영역의 색상을 일관되게 유지합니다. 때로는 이미지에서 특정 색상을 추출해 다른 용도로 사용하고 싶을 수도 있는데, 초보 사용자에게는 이미지나 개체에서 색상 코드를 찾는 일이 쉽지 않습니다. 이 글에서는 이미지의 어느 영역에서든 색상을 간편하게 추출할 수 있는 여러 가지 방법을 소개합니다.
색상 코드를 찾거나 추출하는 방법은 여러 가지가 있으며, 아래에서 가능한 모든 방법을 하나씩 살펴보겠습니다.
그림판(Paint)으로 색상 코드 찾기
마이크로소프트 그림판(Microsoft Paint)은 모든 Windows 운영체제에 기본으로 탑재된 그리기 프로그램입니다. 컴퓨터에서 기본적인 그래픽 작업과 이미지 편집을 할 수 있으며, 색상을 찾는 데 사용할 스포이드(색상 선택) 도구도 포함되어 있습니다.
- Windows 검색 기능으로 캡처 도구(Snipping Tool)를 검색하여 실행합니다.
참고: 이미 이미지 파일이 준비되어 있다면 이 단계는 건너뛰어도 됩니다. - Windows 검색 기능으로 그림판을 검색해 실행합니다.
- 메뉴 모음에서 파일 메뉴를 클릭한 후 열기를 선택합니다. 색상을 찾으려는 이미지를 선택하고 열기 버튼을 누릅니다.
- 도구 목록에서 색 선택 도구(Color Picker)를 클릭한 뒤, 추출하고 싶은 색상 부분을 클릭합니다.
- 상단 바의 색 편집(Edit Colors) 아이콘을 클릭하면 선택한 색상의 RGB 값을 확인할 수 있습니다.
서드파티 프로그램으로 색상 코드 찾기
색상을 추출할 수 있는 전용 프로그램도 여러 가지가 있습니다. 이번에 소개할 프로그램은 아이콘, 텍스트 등 화면에 표시되는 모든 요소의 색상까지 찾아줍니다. 여기서는 Instant Eyedropper를 사용하지만, 원하는 다른 프로그램을 사용해도 무방합니다.
- 브라우저를 열고 Instant Eyedropper를 다운로드할 수 있는 사이트에 접속합니다.
- 설치 과정에 따라 프로그램을 설치한 뒤 실행합니다.
- Instant Eyedropper 아이콘이 시스템 트레이에 나타납니다. 아이콘을 클릭한 후 마우스를 색상을 알고 싶은 화면 위로 이동시킵니다.
- 해당 색상의 HEX 코드가 표시됩니다. 시스템 트레이의 아이콘을 마우스 오른쪽 버튼으로 클릭하면 RGB 등 다른 형식으로 변경할 수도 있습니다.
온라인 사이트로 색상 코드 찾기
요즘은 대부분의 도구를 온라인 사이트에서 이용할 수 있습니다. 사이트마다 제공하는 옵션과 기능이 조금씩 다르지만, 여기서는 실제로 이미지에서 색상을 추출하는 데 성공했던 사이트를 예시로 들겠습니다. 아래 단계를 따르기 전에 먼저 이미지 파일을 준비해 두세요.
- 바로 가기를 더블클릭하거나 Windows 검색 기능으로 브라우저를 실행합니다.
- 브라우저에서 ImageColorPicker 사이트에 접속합니다. 접속하면 자동으로 임의의 샘플 이미지가 표시되며, 이를 그대로 사용해도 됩니다.
- Use Your Image 버튼을 클릭한 후 색상을 찾고 싶은 이미지를 업로드합니다.
- 마우스를 이미지에서 색상을 추출하려는 영역으로 이동시키고 클릭하면, 오른쪽에 해당 색상의 RGB 값과 HEX 값이 표시됩니다.
- 또한 이미지에 포함된 색상들의 팔레트도 함께 제공됩니다.
브라우저의 검사(Inspect) 기능으로 색상 코드 찾기
마지막 방법은 대부분의 브라우저에 내장된 검사(Inspect) 기능을 활용하는 것입니다. 이 기능은 사용자가 보고 있는 페이지의 코드를 보여주므로, 이미지가 온라인에 있다면 간단히 검사해서 색상을 확인할 수 있습니다. 물론 로컬에 저장된 이미지를 브라우저로 열어 검사 도구를 사용하는 것도 가능합니다. 아래 단계를 통해 검사 기능으로 색상을 찾는 방법을 확인해 보세요.
- Windows 검색 기능이나 바로 가기를 통해 브라우저를 실행합니다.
- 이미지를 브라우저 창으로 드래그 앤 드롭하여 엽니다.
참고: 이미지를 마우스 오른쪽 버튼으로 클릭한 후 연결 프로그램을 선택하고 원하는 브라우저를 지정하는 방법도 있습니다. - 이미지 위에서 마우스 오른쪽 버튼을 클릭하고 컨텍스트 메뉴에서 검사(Inspect)를 선택합니다.
- 브라우저 오른쪽에 코드 영역이 열립니다. Elements 탭을 클릭한 후 하단의 Styles 탭을 선택합니다.
- 색상 선택(Color Picker) 아이콘을 찾아 클릭한 뒤, 이미지의 원하는 위치를 클릭하면 해당 색상이 적용되면서 색상 코드가 함께 표시됩니다.
- Shift 키를 누른 상태에서 색상 선택 아이콘을 클릭하면 형식을 HEX에서 RGB로 전환할 수 있습니다.