디지털 기기에 존재하는 수많은 매혹적인 색조는 특정 색조에 대한 선호를 불러일으킬 수 있습니다. 이러한 선호도가 애플리케이션의 디자인이나 테마에 해당 색조를 통합하려는 의도와 일치하는 경우, 단일 픽셀에서 16진수 코드 또는 색상 코드를 추출할 수 있는 색상 선택 도구를 활용하는 것이 필수적입니다.

많은 노력 없이 설치할 수 있고 픽셀 수준에서 색상을 빠르고 정확하게 캡처할 수 있는 다양한 무료 스포이드 도구를 활용하면 컴퓨터 디스플레이에서 특정 색상의 16진수 표현을 쉽게 얻을 수 있습니다.

즉석 스포이드(Windows)

즉석 스포이드 애플리케이션을 사용하면 사용자 화면에 표시된 색상의 정확한 16진수 값을 식별할 수 있습니다. 이 프로그램은 커서 위치를 활용하여 특정 색조를 결정하고 해당 16진수 표현을 생성한 다음 클립보드에 복사하여 다른 애플리케이션으로 쉽게 전송할 수 있도록 합니다.

다른 형식으로 16진수 값을 표시하고 싶은 경우, 즉석 스포이드의 오른쪽 클릭 메뉴를 통해 옵션 기능에 액세스하여 원하는 대로 표현할 수 있습니다.

다운로드: Windows용 즉석 스포이드 (무료)

시스템 색상 선택기(Mac)

시스템 색상 선택기는 Apple 기기 사용자가 비용 부담 없이 화면에서 16진수 색상 코드를 추출할 수 있는 애플리케이션입니다. 이 도구를 사용하려면 먼저 일반적인 방법으로 실행해야 하지만, 이후 운영 체제의 메뉴 표시줄에 추가하여 빠르고 편리하게 액세스할 수 있습니다. 16진수 색상 코드를 얻는 과정에는 간단한 일련의 작업이 포함됩니다.

“색상 선택기” 하위 메뉴로 이동한 다음 상단 메뉴 표시줄에서 “설정” 옵션을 선택하세요.

일반 탭에서 ‘도킹’ 대신 ‘메뉴 표시줄에 표시’ 옵션을 활성화하세요.

물방울로 표시된 색상 선택기의 메뉴 모음 아이콘을 클릭한 후 하위 메뉴에서 “색상 선택”을 선택하여 색상을 선택하세요.

16진수 코드를 추출하기 위해 돋보기를 사용하여 원하는 픽셀 위치로 이동하는 것은 신중한 행동입니다.

메뉴 표시줄 아이콘을 한 번 더 찾으면 최근에 선택한 색상 아래에 16진수 코드가 표시됩니다.

원하는 경우 메뉴 모음에서 도구를 제거하는 옵션을 사용할 수 있으며, 또는 애플리케이션을 실행하고 색상 선택기 창에서 클릭하여 안약 도구에 액세스할 수도 있습니다.

이 글도 확인해 보세요:  카메라에서 조리개 우선 모드를 사용해야 하는 6가지 이유

다운로드: Mac용 시스템 색상 선택기 (무료)

디지털 색상 측정기(Mac)

Mac 운영 체제에는 “디지털 색상 측정기”라는 통합 색상 선택기가 포함되어 있어 색상의 16진수 코드 값을 결정하는 데 활용할 수 있습니다. 이 애플리케이션은 ‘애플리케이션’ 메뉴의 ‘유틸리티’ 폴더에 있으며 Spotlight 검색 기능을 통해서도 액세스할 수 있습니다.

디지털 컬러 미터 애플리케이션에서 RGB 값을 해당 16진수 표현으로 변환하는 것은 간단한 과정입니다. 기본적으로 프로그램은 16진수 코드가 아닌 RGB 값을 표시합니다. 그러나 사용자는 “보기” 메뉴에 액세스하여 “값 표시”를 선택한 다음 나타나는 하위 메뉴에서 “16진수”를 선택하면 이 두 가지 모드 사이를 쉽게 전환할 수 있습니다.

이 애플리케이션을 사용하면 커서를 이동하고 키보드 단축키 “Command + Shift + C”를 사용하여 원하는 영역을 클릭하여 활성 창에서 16진수 색상 코드를 추출할 수 있습니다. 이 기능을 통해 사용자는 수동으로 입력하거나 다른 곳에서 검색할 필요 없이 해당 정보를 쉽게 얻을 수 있습니다.

ColorZilla (Chrome 및 Firefox)

널리 알려진 확장 프로그램인 ColorZilla를 사용하면 화면에 표시되는 요소에서 16진수 색상 코드를 추출할 수 있습니다. 설치 후 브라우저의 도구 상자에 있는 아이콘을 클릭하면 스포이드 및 기타 기능에 액세스할 수 있습니다.

화면의 픽셀 위로 커서를 이동할 때마다 해당 16진수 표현과 RGB 값이 모두 표시됩니다. 선택한 픽셀의 16진수 코드 사본을 얻으려면 해당 픽셀을 클릭하기만 하면 됩니다. 또한 확장 기능을 사용하면 설정 패널로 이동하여 필요한 조정을 수행하여 자동 복사 기능에 사용할 기본 색상 형식을 선택할 수 있습니다.

다운로드: Chrome | Firefox (무료)

마크업 도구(iPhone 및 iPad)

닫기

iOS 디바이스에 내장된 마크업 도구를 사용하면 화면에 표시된 색상의 16진수 값을 추출할 수 있습니다. 이 기능을 사용하면 원하는 콘텐츠의 이미지를 캡처하고 마크업 도구를 통해 해당 16진수 표현과 RGB 값을 추출할 수 있습니다. 이러한 값을 얻으려면 아래 언급된 절차를 따르세요:

이 글도 확인해 보세요:  창의적인 직업도 AI로부터 안전하지 않은 이유

iPhone 또는 iPad의 스크린샷을 캡처한 다음 마크업 기능을 활용하려면 먼저 기기의 운영 체제를 통해 해당 기능에 액세스해야 합니다.이 프로세스는 사용자가 디스플레이 왼쪽 하단의 지정된 영역으로 이동하면 시작되며, 스크린샷 미리보기가 촬영된 후 잠시 후 표시됩니다. 이 시점에서 사용자는 캡처한 이미지를 추가로 조작하고 편집하기 위해 마크업 기능을 활성화할 수 있습니다.

화면 하단의 측정기 아래에 있는 드롭다운 메뉴에서 색상을 선택하세요.

색상 메뉴에 있는 슬라이더 탭으로 이동하여 드롭퍼 아이콘을 선택하세요.

돋보기 도구를 사용하여 화면에서 특정 픽셀을 선택하면 앞서 언급한 메뉴에 해당 특정 지점의 색상이 16진수로 표시됩니다.

고려할 수 있는 대안으로는 타사 색상 선택기 애플리케이션을 활용하는 방법이 있습니다. 그러나 Adobe XD에서 제공되는 기본 제공 옵션을 사용하여 유사한 결과를 얻을 수 있으므로 이 접근 방식이 필요하지 않을 수 있다는 점에 유의해야 합니다.

색상 선택기(Android)

닫기

Android 디바이스를 사용하는 경우 타사 애플리케이션이 유사한 솔루션을 제공하지만 해당 앱에 의존해야 한다는 단점이 있습니다. 이 특정 앱은 타사 소프트웨어에 의존하지만 사용자가 스마트폰 카메라를 사용하여 16진수 코드를 추출할 수 있는 고유한 기능을 제공합니다.

Android 기기의 16진수 색상 코드를 확인하려면 다음 지침을 따르세요:

구글 플레이 스토어에서 컬러 피커 애플리케이션을 설치할 때, 소프트웨어 사용을 계속하기 전에 기기의 현재 색 구성표 스크린샷을 캡처하는 것이 좋습니다. 이는 장치에서 사용할 수 있는 카메라 또는 스크린샷 도구를 사용하여 디스플레이 사진을 찍으면 됩니다. 이미지를 캡처한 후 사용자는 컬러 피커 프로그램을 열고 캡처한 이미지에 따라 색상을 선택하는 기능을 활용할 수 있습니다.

다음으로 ‘이미지 열기’ 옵션으로 이동하여 갤러리를 통해 최근에 캡처한 스크린샷을 선택합니다.

이미지를 가로 또는 세로로 회전하여 방향을 조정하고 원하는 색상이 디스플레이 화면의 중앙 위치를 차지하도록 디지털 방식으로 확대합니다.

앞서 설명한 절차를 통해 화면에 표시되는 모든 색상의 16진수 코드를 얻는 과정은 이제 화면이 있는 장치를 소유한 모든 개인에게 익숙해졌습니다.

이 글도 확인해 보세요:  Luminar Neo를 더 효과적으로 사용하기 위한 6가지 팁과 요령

다운로드: Android용 색상 선택기 (무료)

모든 기기에서 손쉽게 16진수 색상 코드 얻기

색상 선택기와 같은 작은 도구의 유용성은 과소평가될 수 있지만, 디자이너와 비디자이너 모두에게 유용하다는 것이 입증되었습니다. 예를 들어, Discord 사용자는 사용자 이름, 서버 역할 등의 색상을 변경하기 위해 16진수 코드를 자주 사용합니다.

여러 전자 기기에서 다양한 기기를 자주 사용할 수 있으므로 사용 중인 기기에 따라 이러한 옵션을 검토하고 자신의 필요에 가장 적합한 옵션을 결정하는 것이 좋습니다.

By 김민수

안드로이드, 서버 개발을 시작으로 여러 분야를 넘나들고 있는 풀스택(Full-stack) 개발자입니다. 오픈소스 기술과 혁신에 큰 관심을 가지고 있고, 보다 많은 사람이 기술을 통해 꿈꾸던 일을 실현하도록 돕기를 희망하고 있습니다.