색상 선택기
PixPin 돋보기로 픽셀 색상을 추출하고 RGB·HEX 값을 복사하며, 색상 형식 추가, 좌표 복사와 주석 색상 적용 방법을 알아보세요.
스크린샷을 찍을 때 PixPin 돋보기로 화면의 모든 픽셀에서 색상을 추출하고 RGB, HEX 등 일반적인 형식으로 복사할 수 있습니다. 디자이너가 배색을 비교하거나 개발자가 인터페이스 색상을 확인할 때 별도의 색상 선택기를 열 필요가 없습니다.
돋보기로 색상 추출하기
Ctrl+1⌃ Control+1을 눌러 스크린샷을 시작하세요.
Alt⌥ Option를 누르고 있으면 마우스 포인터 옆에 돋보기가 나타납니다. 포인터 주변의 픽셀을 확대하고 중심 픽셀의 좌표와 색상 값을 표시합니다.
색상을 추출할 픽셀에 돋보기 중심을 맞추고 CC를 누르세요. 색상 값이 클립보드에 복사되고 스크린샷이 종료됩니다.
Alt⌥ Option를 누르지 않고 돋보기를 계속 표시하려면 설정의 스크린샷 페이지에서 보조선 표시를 항상 표시로 변경하세요.
핀에서도 색상을 추출할 수 있습니다. 핀 위로 마우스 포인터를 옮기고 Alt⌥ Option를 눌러 돋보기를 표시한 다음 CC를 눌러 색상을 복사하세요.
픽셀에 정확히 맞추기
돋보기의 격자선은 각 픽셀을 구분하며 중앙의 사각형은 현재 색상을 추출할 픽셀을 표시합니다. 작은 아이콘이나 1픽셀 테두리에 마우스를 맞추기 어려울 때는 키보드로 마우스 포인터를 이동할 수 있습니다.
| 키 | 동작 |
|---|---|
| WW | 마우스 포인터를 위로 1픽셀 이동 |
| SS | 마우스 포인터를 아래로 1픽셀 이동 |
| AA | 마우스 포인터를 왼쪽으로 1픽셀 이동 |
| DD | 마우스 포인터를 오른쪽으로 1픽셀 이동 |
설정의 스크린샷 페이지에서 돋보기 표시를 조정할 수 있습니다.
- 돋보기 배율: 1~100배이며 기본값은 11배입니다.
- 돋보기 내용: 격자선, 십자선, 중앙 테두리, 스크린샷 테두리, 스크린샷 제어점, 주석, 주석 제어선, 마우스 좌표 중 필요한 항목을 체크하세요.
- 돋보기 격자선 색상, 돋보기 내용 부드럽게 확대/축소, 돋보기 단축키 힌트 표시.
색상 복사와 형식 전환
| 작업 | 단축키 |
|---|---|
| 색상 값 복사 | CC |
| 색상 형식 전환 | Shift⇧ Shift |
Shift⇧ Shift를 누를 때마다 돋보기의 색상 값이 다음 활성화된 형식으로 전환됩니다. 복사할 때는 현재 표시된 형식을 사용합니다.
색상 형식
PixPin에는 다음 색상 형식이 내장되어 있으며, 기본적으로 RGB와 #HEX가 활성화되어 있습니다.
| 형식 | 예시 | 기본 상태 |
|---|---|---|
| RGB | rgb(4, 133, 247) | 활성화 |
| BGR | bgr(247, 133, 4) | 비활성화 |
| HEX | 0485f7 | 비활성화 |
| #HEX | #0485f7 | 활성화 |
| HSV | hsv(208, 98%, 97%) | 비활성화 |
| HSL | hsl(208, 97%, 49%) | 비활성화 |
다른 형식은 먼저 활성화해야 Shift⇧ Shift로 전환할 수 있습니다.
사용자 지정 색상 형식
CSS 변수나 코드의 색상 상수처럼 특정 표기법이 필요하다면 직접 형식을 추가할 수 있습니다.
설정의 스크린샷 페이지를 열고 돋보기 색상 형식에서 색상 형식 관리를 클릭하세요.
새 형식을 클릭하고 색상 형식 추가 창에서 이름과 형식을 입력하세요. 형식에는 색상의 각 성분을 나타내는 매개변수를 사용합니다. 예를 들어 %Re는 빨강 값입니다. 창 하단에는 예시 색상으로 형식의 결과가 실시간 표시됩니다.
저장을 클릭하세요. 새 형식이 목록에 나타납니다.
색상 형식 관리에서는 다음 작업을 할 수 있습니다.
| 작업 | 방법 |
|---|---|
| 활성화 / 비활성화 | 형식 앞의 확인란을 체크하거나 해제하세요. 활성화된 형식만 돋보기에 나타납니다. |
| 편집 | 형식을 더블 클릭하거나 마우스 오른쪽 버튼으로 클릭한 다음 편집을 선택하세요. |
| 순서 변경 | 형식을 드래그하여 순서를 바꾸세요. Shift⇧ Shift를 누르면 이 순서대로 전환됩니다. |
| 삭제 | 형식을 마우스 오른쪽 버튼으로 클릭하고 삭제를 선택하세요. |
주요 매개변수:
| 매개변수 | 의미 | 매개변수 | 의미 |
|---|---|---|---|
%Re | 빨강 | %Hu | 색조 |
%Gr | 녹색 | %Sl | 채도(HSL) |
%Bl | 파랑 | %Li | 밝기 |
%Al | 알파 | %Sb | 채도(HSB) |
%Va | 값(HSV의 V) | %Na | 색상 이름 |
빨강, 녹색, 파랑, 알파 매개변수 뒤에 문자를 붙여 숫자 표기법을 지정할 수 있습니다. b는 0255의 값(기본값), 1의 소수(선행 0 있음 / 없음)입니다. 예를 들어 x / X는 2자리 16진수(소문자 / 대문자), h / H는 1자리 16진수, f / F는 0#%ReX%GrX%BlX는 #0485F7을 출력합니다.
창의 사용 가능한 매개변수에는 CMYK, HSI, CIE Lab, Oklab, Oklch, XYZ 등의 성분을 포함한 모든 매개변수가 나열됩니다.
좌표
돋보기에는 마우스 포인터가 위치한 픽셀의 좌표도 표시되며, 두 가지 표시 방식을 지원합니다.
- 화면 좌표: 화면의 왼쪽 위 모서리를 원점으로 사용합니다.
- 선택 영역 상대 좌표: 선택 영역의 왼쪽 위 모서리를 원점으로 사용합니다. 영역 내 인터페이스 요소의 위치를 측정할 때 편리합니다.
PP를 눌러 두 좌표 방식을 전환하고, Alt+C⌥ Option+C를 눌러 현재 좌표를 복사하세요.
- 화면 좌표화면 왼쪽 위 모서리가 원점입니다.
- 선택 영역 상대 좌표선택 영역 왼쪽 위 모서리가 원점입니다. P로 전환하세요.
- 주석 색상 추출주석 도구를 선택하고 C를 눌러 색상을 적용하세요.
주석을 달면서 색상 추출하기
주석을 달 때 팔레트에서 비슷한 색상을 찾는 대신, 스크린샷에서 색상을 직접 추출하여 현재 주석 도구에 적용할 수 있습니다.
스크린샷 도구 모음이나 핀의 주석 도구 모음에서 사각형, 연필 등의 주석 도구를 선택하세요.
원하는 색상 위로 마우스 포인터를 옮기고 CC를 누르세요.
PixPin에 색상이 적용되었다는 알림이 표시됩니다. 현재 도구의 색상이 추출한 색상으로 바뀌고, 이후 그리는 주석에 이 색상이 사용됩니다.
주석 도구를 선택한 상태에서 CC는 색상을 도구에 적용합니다. 색상 값을 복사하거나 스크린샷을 종료하지 않습니다.