웹페이지나 사진에 보이는 색을 디자인에 다시 쓰려면 눈대중으로 비슷한 색을 고르는 대신 화면의 픽셀에서 HEX 코드를 가져오면 됩니다. Pixnib은 Windows 화면 어디에서든 색을 집어 클립보드에 복사하는 무료 색상 선택 프로그램입니다. 개발자 GitHub의 최신 공개 릴리스 0.1.17에서 Windows x64용 MSI 설치 파일을 받을 수 있습니다. 이 글에서는 원하는 픽셀을 선택하고 HEX 코드를 복사해 문서나 CSS에 붙여 넣는 과정을 따라갑니다.
브라우저 안의 색만 찾는 확장 프로그램과 달리 Pixnib은 다른 앱, 동영상, 바탕화면의 색도 대상으로 삼습니다. 핵심은 프로그램을 연 뒤 전역 단축키로 선택 모드를 켜고, 정확한 지점에서 다시 캡처한 다음 복사된 값이 맞는지 기록에서 확인하는 것입니다.
다른 앱의 화면에서도 픽셀 색을 집습니다
Pixnib은 마우스가 가리키는 화면 지점의 색을 읽어 HEX, RGB, HSL 값으로 보여 주는 Windows 도구입니다. 발표 자료의 배경색을 맞추거나 이미지의 포인트 색을 CSS에 옮길 때, 원본 파일을 색상 편집기에 따로 열지 않고 화면에서 바로 선택할 수 있습니다. 개발자 README는 전체 화면에서 색을 고르는 기능과 선택 후 클립보드 자동 복사를 핵심 사용 흐름으로 안내합니다.
화면의 작은 지점을 정확히 고를 수 있도록 확대경이 커서를 따라갑니다. 한 픽셀이 아니라 잡음이 있는 사진의 넓은 부분을 대표하는 색이 필요할 때는 영역을 끌어 평균색을 얻는 기능도 공식 기능 목록에 있습니다. 이번 작업은 단일 픽셀의 HEX 값을 가져오는 데 집중하며, 평균색은 결과가 달라지는 별도의 선택 방식으로 구분합니다.
개발자 저장소의 소개 화면에는 Pick a Color, Win+Shift+C, 흰색 견본의 #FFFFFF와 HEX·RGB·HSL 값, 아래쪽 History 색상 목록이 보입니다. 다만 이 공식 이미지의 창 제목은 이전 이름인 ColorSnap으로 남아 있습니다. 현재 배포 버전 0.1.17의 정확한 메뉴 배치를 증명하는 사진은 아니므로, 실제 누르는 순서는 현재 README와 릴리스 설명에 적힌 기능을 기준으로 안내합니다.
색상 견본과 HEX·RGB·HSL 값
개발자 README가 연결한 화면에는 Pick a Color 버튼, 단축키, 색상 견본, 세 가지 값과 History가 보입니다. 창에는 이전 ColorSnap 표기가 남아 있어 Pixnib 0.1.17의 최신 화면이라고 단정하지 않습니다.
| 프로그램 | Pixnib |
| 버전 | 0.1.17 |
| 안내 환경 | Windows x64 |
| 공식 파일 | MSI 설치 파일 |
| 가격·라이선스 | 무료 · MIT |
| 주요 용도 | 화면 픽셀 색상과 HEX 코드 복사 |
Windows x64용 공식 MSI를 확인하고 설치합니다
Pixnib v0.1.17의 GitHub Releases에는 Windows x64용 MSI와 EXE가 함께 올라와 있습니다. 개발자 README와 릴리스 설명은 MSI를 일반적인 Windows 설치 파일로 권장합니다. 이 글의 다운로드 대상은 Pixnib_0.1.17_x64_en-US.msi입니다. 파일 이름에 x64와 0.1.17이 있는지 보고, 옆에 있는 .sig 서명 파일이나 latest.json 업데이트 정보 파일을 설치 파일로 고르지 마세요.
다운로드가 끝나면 받은 MSI 파일 이름을 다시 확인하고 Windows 설치 안내를 따라 설치합니다. 설치 뒤 시작 메뉴에서 Pixnib을 찾아 열 수 있는지 확인하세요. 해당 파일은 Windows x64용으로 제공되므로 macOS나 Linux의 설치 패키지로 쓰지 않습니다. Windows ARM 기기에 이 x64 파일이 적합하다고 단정할 근거도 없어 자신의 Windows 환경을 먼저 확인해야 합니다.
앱을 켠 직후 바로 색을 고를 필요는 없습니다. 화면에서 가져올 색이 있는 사진, 웹페이지, 문서나 동영상을 먼저 띄워 두세요. 색상 견본을 나중에 확인하기 쉽게 원본 화면을 닫지 않은 채 Pixnib을 준비하면 어느 지점을 찍었는지 대조하기 편합니다.
- 공식 v0.1.17 릴리스에서 Pixnib_0.1.17_x64_en-US.msi를 선택합니다.
- Windows x64에서 설치를 마치고 시작 메뉴의 Pixnib을 엽니다.
- 색을 가져올 이미지나 다른 앱의 화면을 띄워 둡니다.
단축키로 색상 선택 모드를 시작합니다
개발자 사용법은 Pixnib 창에서 Pick a Color를 누르거나 Win+Shift+C를 눌러 색상 선택 모드를 시작하라고 안내합니다. 모드가 켜지면 앱 창이 숨겨져 뒤의 화면을 볼 수 있습니다. 커서를 원하는 색으로 옮겨 보세요. 작은 글자 가장자리처럼 여러 색이 섞이는 곳보다 넓고 균일한 면의 안쪽을 고르면 의도한 색에 가까워집니다.
확대경이 따라오면 중심 픽셀이 원하는 색 위에 있는지 확인하세요. 사진의 압축 자국이나 글자 테두리를 잘못 찍으면 같은 파란 영역 안에서도 다른 HEX 값이 나올 수 있습니다. 정확한 한 색이 필요하면 단일 픽셀을 고르고, 전체 영역을 대표하는 평균색이 필요할 때만 드래그 선택을 사용하세요. 평균색과 단일 픽셀 값은 같을 필요가 없습니다.
기본 Win+Shift+C가 다른 프로그램에 이미 등록돼 있으면 Pixnib은 Ctrl+Shift+C나 Win+Shift+P 같은 다른 조합을 순서대로 시도해 실제 활성 단축키를 보여 준다고 README가 설명합니다. 기본 조합이 먹지 않으면 앱에 표시된 현재 단축키를 먼저 확인하세요. 단축키 충돌을 설치 실패로 오해해 설치 파일을 반복해서 받는 일은 피할 수 있습니다.
- Pixnib의 Pick a Color 또는 앱에 표시된 현재 단축키를 사용합니다.
- 앱 창이 숨으면 원하는 픽셀 위로 커서를 옮겨 확대경 중심을 확인합니다.
- 화면이 균일한 지점인지 보고 캡처할 위치를 정합니다.
색을 캡처하고 HEX 코드를 붙여 넣습니다
커서를 원하는 지점에 둔 상태에서 Win+Shift+C를 다시 누르면 색이 캡처되고 값이 클립보드에 자동으로 복사된다고 개발자 사용법에 적혀 있습니다. 활성 단축키가 다른 조합으로 바뀐 PC라면 앱이 보여 주는 그 조합을 사용하세요. 색상 선택 모드를 중단하려면 Esc를 눌러 캡처 없이 취소할 수 있습니다.
캡처 후 Pixnib의 색상 기록에서 방금 고른 견본과 값을 확인하세요. HEX는 # 뒤에 영숫자가 붙는 형식이고, RGB와 HSL은 같은 색을 다른 방식으로 표현합니다. 공식 화면에는 흰색 예시로 #FFFFFF, rgb(255, 255, 255), hsl(0, 0%, 100%)이 나옵니다. 이 예시는 화면에 보인 값이지, 모든 선택이 흰색으로 나와야 한다는 뜻은 아닙니다.
복사된 코드를 CSS의 color 또는 background-color 값, 디자인 도구의 HEX 입력 칸, 문서의 색상 입력 영역에 붙여 넣습니다. 붙여 넣은 색이 원본과 맞는지 나란히 확인하면 작업이 끝납니다. 다른 형식이 필요할 때는 기록의 색을 오른쪽 클릭해 HEX, RGB, HSL 중 필요한 방식으로 복사할 수 있다고 README가 안내합니다. 한 번 선택한 색을 다시 집지 않고도 표기 형식을 바꿀 수 있습니다.
- 선택한 픽셀 위에서 현재 캡처 단축키를 다시 누릅니다.
- Pixnib 기록에서 방금 고른 견본과 HEX 값을 확인합니다.
- 클립보드의 # 코드 값을 필요한 문서나 디자인 도구에 붙여 넣고 원본 색과 비교합니다.
다른 값이 복사되거나 선택이 멈출 때
붙여 넣은 값이 RGB나 HSL로 나온다면 먼저 Pixnib 설정의 기본 복사 형식을 확인하세요. 개발자 기능 목록에는 기본 복사 형식을 고르는 설정이 있습니다. 이미 고른 색이라면 History에서 해당 견본을 오른쪽 클릭해 HEX 형식으로 다시 복사하면 됩니다. 값의 형식을 바꾸기 위해 같은 픽셀을 다시 찍을 필요는 없습니다.
예상보다 어두운 색이나 다른 색이 나오면 마우스 중심이 테두리·그림자·반투명 영역 위에 있지 않았는지 보세요. 확대경으로 픽셀을 확인하고 균일한 안쪽을 다시 고르는 편이 정확합니다. 웹 이미지의 아주 얇은 선이나 동영상의 움직이는 프레임은 커서가 조금만 달라져도 값이 달라질 수 있습니다. 원하는 범위 전체의 느낌을 옮기려면 평균 영역 선택을 사용하되, 결과가 단일 픽셀 HEX와 다르다는 점을 구분하세요.
프로그램 창이 사라졌는데 색이 복사되지 않았다면 선택 모드가 열린 상태인지, Esc로 취소했는지, 활성 단축키가 바뀌었는지부터 살펴보세요. 공식 사용법상 앱은 선택 중 화면을 보이게 하려고 스스로 숨습니다. 그 동작만으로 오류라고 판단할 필요는 없습니다. 캡처가 끝난 뒤 색상 기록에 새 견본이 추가됐는지 보면 실제로 선택됐는지 확인할 수 있습니다.
기록에서 다시 찾고 필요한 형식으로 내보냅니다
같은 작업에서 여러 색을 골랐다면 Pixnib의 History를 확인하세요. 공식 소개 화면에는 색상 견본이 여러 칸으로 쌓여 있어 방금 찍은 색과 앞서 고른 색을 구분할 수 있습니다. 마음에 드는 색을 바로 다른 문서에 붙여 넣지 못했더라도 기록에서 다시 선택하면 됩니다. 개발자 설명에는 지속되는 색상 기록과 이름을 붙인 팔레트, CSS·SCSS·JSON 내보내기도 있습니다.
단일 화면에서 한 가지 색을 복사하는 목적이라면 팔레트 기능까지 설정할 필요는 없습니다. 먼저 정확한 픽셀을 고르고 값이 HEX로 복사됐는지 확인하세요. 여러 브랜드 색을 반복해서 쓰는 작업으로 범위가 넓어질 때 기록을 팔레트로 정리하는 편이 자연스럽습니다. WCAG 대비 검사나 밝은·어두운 색 단계 역시 개발자 기능 목록에 있지만, 이번 한 픽셀 복사 과정과는 별개의 후속 작업입니다.
자주 묻는 질문
Pixnib은 무료인가요?
네. 개발자 저장소는 MIT 라이선스를 명시하며 v0.1.17 릴리스에 Windows 설치 파일을 공개합니다.
어떤 파일을 받아야 하나요?
Windows x64에서는 공식 v0.1.17 릴리스의 Pixnib_0.1.17_x64_en-US.msi를 선택하세요. .sig와 latest.json은 설치 파일이 아닙니다.
화면의 다른 앱에서도 색을 고를 수 있나요?
네. 개발자 README는 브라우저 밖의 앱·바탕화면·동영상 화면에서도 색을 선택할 수 있다고 안내합니다.
Win+Shift+C가 작동하지 않으면 어떻게 하나요?
앱에 표시된 활성 단축키를 보세요. 기본 조합이 점유되면 다른 조합으로 대체될 수 있습니다.
HEX 대신 RGB가 복사되면 어떻게 하나요?
기본 복사 형식을 확인하거나 History의 색을 오른쪽 클릭해 HEX로 다시 복사하세요.
원하는 픽셀의 코드를 확인하고 붙여 넣으세요
Pixnib을 설치한 뒤 색을 가져올 화면을 열고 Pick a Color 또는 활성 단축키로 선택 모드를 시작하세요. 확대경 중심을 원하는 픽셀에 맞춘 다음 단축키로 캡처하고, 기록에서 HEX 값을 확인해 디자인 도구나 문서에 붙여 넣으면 됩니다. 값이 다르면 테두리 대신 균일한 면을 다시 고르거나 History에서 복사 형식을 바꿔 확인하세요.
공식 자료와 확인일
Pixnib 개발자 저장소·사용 방법·MIT 라이선스 · Pixnib v0.1.17 공식 릴리스·Windows 설치 파일 | 2026-11-09T20:22:12.591545+00:00
