Mac 컬러 피커

이럴 때 적합합니다

app 또는 웹페이지의 색상을 디자인이나 문서에 복사합니다.

스크린샷을 검토하면서 색상 값을 기록합니다.

다른 app을 열지 않고 포인터 아래 색상을 확인합니다.

디자인 작업에서는 Display P3 광색역 값을 유지하고 웹 출력에서는 sRGB로 전환합니다.

컬러 피커

버전 1.5.2부터 사용할 수 있습니다. 현재 버전은 sRGB로 샘플링하고 HEX를 복사합니다.

TrarrenShot 컬러 피커는 Mac의 One Shot 오버레이에 내장되어 있습니다. 화면 색상 위로 포인터를 이동하고 C 키를 누르면 선택한 색상 공간과 형식으로 복사합니다.

실제 단계는 Mac에서 화면 HEX 색상을 복사하는 영어 가이드를 참고하세요.

사용 방법

One Shot 시작

메뉴 막대에서 One Shot을 시작하거나 변경하지 않았다면 기본 단축키를 사용하세요.

색상 가리키기

샘플링할 색상 위로 포인터를 이동하세요.

값 복사

One Shot 중 C 키를 눌러 선택한 색상 공간과 형식으로 포인터 아래 색상을 복사하세요.

색상 공간과 출력 형식

컬러 피커는 포인터 위치에서 macOS가 합성한 화면 색상을 네이티브 해상도로 샘플링합니다. sRGB 또는 Display P3를 선택한 다음 작업에 필요한 형식으로 복사하세요. Display P3는 지원되는 디자인 작업에서 광색역 값을 유지하고, 웹 출력과 폭넓은 호환성에는 sRGB를 사용할 수 있습니다.

형식	sRGB	Display P3
HEX	`#RRGGBB`	사용할 수 없음 — RGB 구성 요소 표시
RGB	채널당 `0–255`	채널당 `0–255`
HSB	색조, 채도, 밝기	색조, 채도, 밝기
CSS	`#RRGGBB` 또는 `rgb(r g b)`	`color(display-p3 r g b)`

색상 공간과 출력 형식은 별도 설정이므로 “P3 HEX” 같은 조합은 발생하지 않습니다.

샘플링 대상

값은 디자인 파일이나 페이지 소스의 색상 토큰이 아니라 macOS가 이미 화면에 합성한 색상입니다. 불투명도, 혼합 모드, 디스플레이 프로파일 및 대상 app의 색상 관리는 복사하는 결과에 포함됩니다.

Retina 디스플레이에서는 포인터가 가장 가까운 물리 픽셀에 맞춰지고, 샘플 상자 중앙의 단일 물리 픽셀을 네이티브 해상도로 읽습니다. 평균이나 보간은 적용하지 않습니다. 고정 위치에서는 안정적으로 재현되지만 경계나 그라데이션에서는 물리 픽셀마다 값이 바뀔 수 있습니다.

참고 사항

캡처하지 않으려면 Esc 키를 눌러 One Shot을 취소하세요.

시작하기 전에

컬러 피커는 One Shot 오버레이가 열려 있을 때만 사용할 수 있습니다.

HEX 출력은 sRGB에서만 사용할 수 있습니다. Display P3에서는 RGB 구성 요소를 표시합니다.

값에는 알파 채널이 포함되지 않으며 샘플링하면 현재 One Shot 세션이 끝납니다.

경계나 그라데이션에서는 포인터가 물리 픽셀마다 이동할 때 샘플 색상이 바뀔 수 있습니다.

자주 묻는 질문

어떤 출력 형식을 사용할 수 있나요?

HEX, RGB(0–255), HSB, CSS입니다. HEX는 sRGB에서만 가능하며 Display P3에서는 RGB 구성 요소를 표시합니다.

sRGB와 Display P3의 차이는 무엇인가요?

Display P3는 지원되는 디스플레이의 디자인 작업에서 광색역 값을 유지합니다. 웹 출력과 폭넓은 호환성에는 sRGB가 적합합니다.

CSS 출력은 어떻게 표시되나요?

sRGB에서는 #RRGGBB 또는 rgb(r g b), Display P3에서는 color(display-p3 r g b)입니다.

주변 픽셀을 평균 내나요?

아니요. 포인터는 가장 가까운 물리 픽셀에 맞춰지고 평균이나 보간 없이 단일 물리 픽셀을 읽습니다.

컬러 피커는 어떻게 시작하나요?

One Shot을 시작하고 색상 위로 포인터를 이동한 다음 C 키를 누르세요.