눈만으로 화면 속 색상 코드를 정확히 알아낼 수 있다면 얼마나 편리할까요? 아쉽게도 그런 일은 불가능하기 때문에, 정확한 색상 값을 얻으려면 디지털 색상 추출 도구에 의존할 수밖에 없습니다.
macOS에 기본 탑재된 '디지털 컬러 미터(Digital Color Meter)'는 그래픽 디자이너와 웹 개발자에게 유용한 도구이지만, 이 외에도 선택할 수 있는 서드파티 색상 추출 앱이 다양하게 존재합니다.
이 글에서는 macOS에서 활용할 수 있는 최고의 색상 추출 앱 5가지를 소개합니다. 자신에게 맞는 도구를 고르는 데 도움이 되길 바랍니다.
1. 디지털 컬러 미터 (Digital Color Meter)
가장 기본적인 도구부터 살펴보겠습니다. 디지털 컬러 미터는 Mac의 유틸리티 폴더에서 실행하거나, 스포트라이트(Cmd + Space)로 검색해 손쉽게 열 수 있습니다. 별도 설치 없이 색상 추출 문제를 해결해 주는 간편한 해결책입니다.
앱을 실행하면 작은 창이 나타나며, 마우스가 가리키는 영역의 이미지와 해당 RGB 색상 코드를 실시간으로 보여줍니다. 조리개 크기(Aperture size) 슬라이더를 조절하면 색상을 읽어들이는 범위를 넓히거나 좁힐 수 있습니다.
옆에는 드롭다운 메뉴가 있어 P3, sRGB, Adobe RGB, L*a*b* 등 다양한 색상 표시 방식을 선택할 수 있습니다.
디지털 컬러 미터는 RGB 값만 보여주는 것이 아닙니다. 화면 상단의 보기(View) 메뉴에서 디스플레이 값(Display Values) 항목에 마우스를 올리면 16진수(Hex)와 백분율(%) 형식 사이를 전환할 수 있습니다.
몇 가지 단축키만 익히면 이 도구를 금방 마스터할 수 있습니다. 특정 색상 하나에 고정하고 싶은데 앱이 계속 마우스를 따라다녀 답답하다면 Cmd + X를 눌러보세요. 원하는 색상 하나에 정확히 고정됩니다.
색상 견본(swatch)을 저장하려면 마우스를 캡처하려는 색 위에 올려둔 상태에서 Option + Cmd + C를 누르세요. 이후 텍스트 편집기(TextEdit)에 붙여넣어 컴퓨터에 저장할 수 있습니다.
또는 Shift + Cmd + C를 눌러 색상 값 자체를 복사한 뒤, 텍스트 편집기에 붙여넣어 보관하는 방법도 있습니다.
2. ColorSlurp
ColorSlurp는 스스로를 "우주 최고의 색상 추출기"라고 소개하지만, 그 평가는 직접 사용해 본 여러분의 몫입니다.
App Store에서 무료로 다운로드할 수 있으며, 앱을 열자마자 디지털 컬러 미터보다 훨씬 직관적이고 세련된 인터페이스라는 점을 알 수 있습니다.
창 오른쪽 위의 스포이트 아이콘을 클릭하면 돋보기가 나타나는데, 방향키나 마우스로 움직일 수 있습니다. Shift 키를 누르고 있으면 돋보기 이동 속도가 느려져 더욱 정밀한 색상 판독이 가능합니다.
ColorSlurp가 디지털 컬러 미터보다 한 단계 진화한 부분은 바로 색상 컬렉션 생성 기능입니다. 마음에 드는 색상 여러 개를 발견했다면 하나의 컬렉션으로 정리해 나만의 색 구성표(color scheme)를 만들 수 있습니다.
또한 원하는 형식으로 색상을 복사할 수 있고, 반대로 클립보드에 있는 색상을 ColorSlurp에 붙여넣으면 형식을 손쉽게 변환할 수도 있습니다.
더 많은 기능이 필요하다면 ColorSlurp Pro로 업그레이드할 수 있습니다. 20가지 색상 형식 지원, 견본 히스토리, 고급 설정 등이 필요한 색상 전문가에게 적합한 버전입니다.
다운로드: Mac용 ColorSlurp (무료)
3. Color Peeker
Product Hunt에 소개된 바 있는 Color Peeker는 깔끔하고 미니멀한 색상 추출 도구입니다. 앱이 항상 메뉴 막대에 상주하기 때문에 한눈에 빠르게 색상을 확인할 수 있습니다.
Color Peeker는 별도의 앱을 먼저 열 필요 없이, 커서 아래 색상의 헥스 코드를 실시간으로 표시해 줍니다. 물론 처음 사용할 때는 앱을 한 번 실행해야 하지만, 그 이후에는 메뉴 막대에 계속 유지됩니다.
편리하게도 Color Peeker를 시작 프로그램으로 설정하면 앱을 직접 열 필요조차 없습니다. 또한 '우클릭 시 복사(Copy on Right Click)' 옵션을 켜두면 마우스 우클릭만으로 해당 색상의 헥스 코드가 즉시 클립보드에 복사됩니다.
앱이 메뉴 막대에 항상 열려 있으면 배터리 수명이 걱정될 수 있습니다. 하지만 실제로 오랜 기간 사용해 본 결과 배터리에는 거의 영향을 주지 않았으며, 활성 모니터(Activity Monitor)에서 확인한 에너지 영향도는 약 1.5 수준에 불과했습니다.
다운로드: Mac용 Color Peeker (무료)
4. Sip
Sip 역시 메뉴 막대에 상주하는 색상 추출 앱으로, 언제든 손쉽게 접근할 수 있습니다. 아이콘을 클릭하면 커서가 돋보기로 변해 화면 위의 색상을 선택할 수 있고, 색상을 "홀짝(sip)"하면 드롭다운 메뉴에 저장됩니다. 여러 색상을 한 번에 담는 것도 가능합니다.
웹 개발자나 디자이너라면 올바른 색 구성표를 선택하는 것이 얼마나 중요한지 잘 알 것입니다. Sip의 드롭다운 메뉴는 색상 히스토리를 기록할 뿐만 아니라, 여러분이 만든 색상 팔레트까지 함께 보관해 줍니다.
Sip의 강력한 팔레트 공유 기능도 놓치지 마세요. 팔레트를 내보내거나 이메일로 공유할 수 있고, 디자인 프로그램으로 바로 전송할 수도 있습니다. 색상을 선택할 때 Cmd 키를 누르면 현재 사용 중인 소프트웨어에 해당 색상이 즉시 나타납니다. Photoshop, Illustrator, Sketch, Xcode, Sublime 등 주요 프로그램을 지원합니다.
Sip의 색상 편집기는 색상을 정리하고 조정하는 데도 유용합니다. 팔레트 이름 변경, 특정 색상 코드 입력, 색조·채도·명도·투명도 커스터마이징 등이 모두 가능합니다.
이동 중에 팔레트를 빠르게 수정해야 할 때도 걱정 없습니다. Sip는 iPhone과 동기화되기 때문입니다.
다운로드: Mac용 Sip (무료 체험 후 $10)
5. ColorSnapper 2
Sip과 마찬가지로 ColorSnapper 2도 유용한 메뉴 막대 앱입니다. 다양한 디스플레이 종류와 해상도를 처리할 수 있도록 개선된 돋보기를 갖추고 있어, 픽셀 단위로 매우 정확한 색상 확인이 가능합니다.
ColorSnapper 2는 최근에 추출한 색상 목록을 유지하고, 즐겨찾기로 표시한 색상들을 따로 저장합니다. Apple의 컬러 패널(Color Panel)이 통합되어 있어 색상 속성을 편리하게 조정할 수도 있습니다.
색상을 내보낼 준비가 되었다면, 이 앱은 놀랄 만큼 다양한 형식을 제공합니다.
내보내기 형식을 선호하는 코딩 스타일에 맞추는 것도 잊지 마세요. ColorSnapper 2는 Generic, Swift, CSS, UICoder, NSColor, Android, Java, OpenGL, CGColor, .NET 등 다양한 환경에 맞게 코드를 변환해 줍니다.
14일 무료 체험판으로 ColorSnapper 2를 먼저 사용해 볼 수 있으며, 이후 정식 버전을 구매해야 합니다.
다운로드: Mac용 ColorSnapper 2 (무료 체험 후 $9)
나만의 완벽한 색상 팔레트를 찾아보세요
화면에 있는 어떤 색상이든 코드를 확인할 수 있다면, 더 이상 불확실함이 작업을 방해하지 않습니다. 특정 색상을 찾지 못해 디자인이나 웹 개발 프로젝트가 멈춰 서는 일은 없어야 합니다.
대신 웹 서핑 중 영감을 발견하는 순간, 위에서 소개한 색상 추출 앱 중 하나를 활용해 나만의 팔레트를 만들어 보세요.