웹페이지나 사진에 보이는 색을 그대로 쓰고 싶은데 색상 코드를 모를 때가 있습니다. ColorCop은 Windows 화면 위의 색을 스포이트로 찍고 HEX 또는 RGB 값으로 확인하는 무료 프로그램입니다. 공식 사이트의 다운로드 안내에서 설치형 파일과 독립 실행형 ZIP을 구분해 받을 수 있습니다.
여기서는 일반적인 Windows 설치 파일을 기준으로 다운로드와 설치 방법을 살펴보고, 화면에서 색을 골라 HEX 코드를 복사하는 작업까지 안내합니다. 색을 고른 뒤 디자인 도구나 CSS 입력란에 붙여 넣을 값이 무엇인지 바로 확인해 보세요.
눈으로 고른 색을 코드로 옮기는 ColorCop
화면에서 비슷한 색을 눈대중으로 다시 만들면 원본과 조금씩 어긋날 수 있습니다. ColorCop 창의 스포이트를 원하는 지점으로 끌어가 놓으면 그 지점의 색이 미리보기와 숫자 칸에 나타납니다. 공식 기능 설명은 HTML HEX, RGB 정수, RGB 소수 등 여러 출력 형식을 지원한다고 안내합니다. 웹 작업에 쓸 때는 HTML HEX 형식을 고르면 #으로 시작하는 코드를 바로 확인하기 쉽습니다.
사진이나 그림의 경계처럼 픽셀마다 색이 달라지는 곳에서는 한 점만 읽은 결과가 예상과 다를 수 있습니다. ColorCop은 단일 픽셀뿐 아니라 3×3, 5×5 평균 샘플링을 제공합니다. 작은 글자 가장자리의 정확한 한 픽셀을 찾고 싶다면 돋보기와 단일 픽셀 모드를, 넓은 면의 대표 색을 고르고 싶다면 평균 모드를 비교해 보세요.
최근에 고른 색은 색상 기록에 남겨 다시 선택할 수 있고, 보색 팔레트도 보여 줍니다. 다만 복잡한 사진의 모든 색을 자동으로 정리하는 팔레트 생성 도구라기보다, 화면에 이미 보이는 색을 한 번에 집어 코드로 옮기는 데 알맞습니다. 공식 사이트는 무료 배포와 개인·업무·학교·기관 사용을 안내합니다.
ColorCop 화면에서 스포이트·색상 기록·돋보기 보기
제작자가 공개한 애니메이션 시연의 장면입니다. 예전 Windows 화면을 사용하므로 5.5.16의 창 모양이나 메뉴 배치는 다를 수 있지만 스포이트, 색상 값, 돋보기 영역의 역할을 확인할 수 있습니다.
| 프로그램 | ColorCop |
| 제공 | Color Cop |
| 공식 설치 파일 | colorcop-setup.exe |
| 다른 파일 | colorcop.zip 독립 실행형 |
| 라이선스 | MIT |
설치형 파일과 독립 실행형 ZIP 구분하기
ColorCop의 공식 다운로드에는 두 가지 English 파일이 나옵니다. colorcop-setup.exe는 Windows에 설치해 사용하는 일반적인 방식이며, colorcop.zip은 별도 설치 과정 없이 압축을 풀어 쓰는 독립 실행형 패키지입니다. 이 글의 순서는 설치형 파일을 기준으로 합니다. 회사나 학교 PC처럼 프로그램 설치 권한이 제한된다면 먼저 담당 정책을 확인하세요.
공식 GitHub v5.5.16 릴리스에도 같은 이름의 두 파일이 있습니다. 다른 언어의 ZIP은 다운로드 페이지에 더 오래된 버전으로 나와 있으므로 최신 English 5.5.16 안내와 같은 파일이라고 생각하면 안 됩니다. 화면에서 필요한 언어와 버전을 확인하고, Windows 설치가 목적이라면 설치형 파일 이름을 정확히 고르세요.
설치형 파일을 저장한 뒤 파일 이름과 내려받은 위치를 확인합니다. Windows에서 설치 과정을 마치면 시작 메뉴 등에서 ColorCop을 찾아 실행할 수 있습니다. 앱을 지울 때는 Windows의 설치된 앱 목록에서 제거하면 됩니다. ZIP을 골랐다면 설치 앱 목록에 같은 방식으로 표시되지 않을 수 있으므로, 두 배포 방식의 차이를 알고 선택하는 편이 좋습니다.
- 공식 v5.5.16 릴리스에서 colorcop-setup.exe를 찾습니다.
- 파일을 저장하고 이름과 버전을 확인한 뒤 Windows에서 설치합니다.
- 설치가 끝나면 ColorCop 창을 열어 스포이트와 색상 값 칸을 확인합니다.
스포이트로 화면 색상을 골라 HEX 코드 복사하기
색을 확인할 웹페이지나 그림을 화면에 띄우고 ColorCop 창을 함께 열어 두세요. 스포이트 아이콘을 눌러 원하는 색이 있는 지점까지 끌어간 다음 놓습니다. 공식 기능 설명에 따르면 고른 색이 창의 미리보기와 숫자 칸에 나타납니다. 복사 기능을 켜 두었다면 선택 값이 클립보드로 들어가므로, 대상 프로그램에 붙여 넣어 결과를 확인하세요.
웹페이지 색을 맞추려면 출력 형식을 HTML HEX로 놓고 # 뒤에 여섯 자리 값이 나오는지 확인하는 것이 편합니다. 예를 들어 버튼 배경을 맞춘다면 버튼 한가운데처럼 글자와 그림자에서 떨어진 지점을 찍어 보세요. 흰 글씨 가장자리를 찍으면 안티앨리어싱 때문에 배경과 글씨가 섞인 값이 나올 수 있습니다.
자동 복사가 꺼져 있거나 붙여 넣은 값이 예상과 다르면 ColorCop의 HEX 값 칸을 직접 선택해 복사해 보세요. 붙여 넣을 곳이 CSS의 색상 입력란인지, RGB 숫자를 요구하는 그래픽 도구인지도 확인합니다. HEX와 RGB는 표현 방식이 다를 뿐 같은 색을 가리킬 수 있으므로, 필요한 형식을 고른 뒤 결과를 화면 색과 대조하면 됩니다.
- 원하는 색이 보이는 창을 열고 ColorCop의 출력 형식을 HTML HEX로 맞춥니다.
- 스포이트를 색 면의 가운데로 끌어가 놓고 HEX 값을 확인합니다.
- 코드를 복사해 CSS 또는 디자인 도구에 붙여 넣고 원래 색과 비교합니다.
한 픽셀과 평균 색이 다를 때 샘플링 방식 바꾸기
사진, 반투명 요소, 글자 가장자리에서는 커서를 한두 픽셀만 옮겨도 HEX 값이 달라집니다. ColorCop 공식 기능에는 한 픽셀만 읽는 방식과 3×3, 5×5 범위의 평균을 내는 방식이 있습니다. 한 점의 정확한 색을 확인하려면 단일 픽셀을, 질감이 있는 면에서 전체와 비슷한 대표 색을 찾으려면 평균 방식을 선택해 결과를 비교하세요.
설정은 ColorCop 창 안에서 마우스 오른쪽 버튼을 눌러 여는 옵션 메뉴에서 살펴볼 수 있습니다. 시연 이미지에는 스포이트 아래에 샘플링 범위가 표시됩니다. 같은 지점을 찍어도 모드가 다르면 숫자가 달라지는 것은 고장이 아닙니다. 특히 작은 아이콘의 윤곽을 5×5로 읽으면 배경 픽셀까지 평균에 들어갈 수 있습니다.
웹페이지 배경처럼 평평한 색을 고를 때는 글자와 테두리를 피하고 넓은 가운데를 찍는 것이 먼저입니다. 평균 범위를 키워도 원하지 않는 그림자까지 포함되면 오히려 값이 흐려집니다. 원하는 결과가 나올 때까지 범위를 무작정 크게 하기보다 화면에서 어디를 샘플링했는지 먼저 확인하세요.
- 색이 섞인 영역인지, 한 가지 색으로 채워진 영역인지 먼저 봅니다.
- 한 픽셀과 3×3 또는 5×5 평균 결과를 같은 부근에서 비교합니다.
- 필요한 용도에 더 가까운 값을 골라 실제 작업 화면에 적용합니다.
돋보기와 색상 기록으로 비슷한 색 구분하기
아주 작은 선이나 아이콘 색을 고를 때는 ColorCop의 돋보기 영역을 보세요. 확대된 픽셀을 보고 스포이트의 위치를 조정하면 주변 배경 대신 원하는 점을 잡기 쉽습니다. 공식 FAQ는 돋보기 옆 +·− 버튼 또는 마우스 휠로 확대 정도를 바꿀 수 있다고 설명합니다. 너무 확대하면 화면의 전체 맥락이 안 보일 수 있으니 필요한 수준에서 멈추세요.
여러 색을 번갈아 비교할 때는 색상 기록이 유용합니다. 공식 기능 페이지는 최근 일곱 가지 색을 보관하며 견본을 눌러 다시 선택할 수 있다고 안내합니다. 스포이트를 쓰는 중 오른쪽 버튼으로 현재 색을 기록에 넣는 방법도 FAQ에 나옵니다. 버튼의 기본색과 마우스를 올렸을 때의 색을 각각 골랐다면 기록에서 다시 확인하며 차이를 볼 수 있습니다.
보색 팔레트는 선택한 색을 바탕으로 색 제안을 보여 주지만, 실제 화면의 원래 색을 확인하는 단계와는 구분하세요. 원본 색을 그대로 재현하려면 먼저 스포이트 결과를 저장하고, 어울리는 다른 색을 찾을 때 팔레트를 참고하는 편이 정확합니다. 최종 사용 전에는 대상 앱에서 코드가 의도한 색으로 표시되는지 확인하세요.
- 돋보기에서 목표 픽셀의 위치를 확인하고 확대 배율을 조정합니다.
- 비교할 색을 각각 스포이트로 고른 뒤 최근 색상 기록에서 다시 선택합니다.
- 원본 색 코드와 보색 제안을 섞지 말고 목적에 맞는 값을 사용합니다.
값이 예상과 다르거나 복사가 안 될 때
마우스로 찍은 위치와 코드가 맞지 않는 것 같다면 샘플링 범위를 확인하세요. 한 픽셀을 읽는지, 주변 3×3 또는 5×5를 평균 내는지에 따라 결과가 다릅니다. 투명한 그림, 그림자, 부드럽게 처리된 글자 가장자리에서도 화면에 보이는 색이 섞일 수 있습니다. 가능한 넓고 균일한 면을 다시 찍어 같은 문제가 생기는지 확인하면 원인을 좁힐 수 있습니다.
색을 골랐는데 붙여 넣기 결과가 이전 값이라면 자동 복사 설정을 확인하고, HEX 칸을 직접 선택해 복사해 보세요. 대상 프로그램이 #이 붙은 HTML HEX를 받는지, # 없는 여섯 자리 값이나 RGB 숫자를 받는지도 살펴보세요. 공식 기능에는 # 기호 생략과 대소문자 설정이 있어 출력 형태를 바꿀 수 있습니다.
창이 작업 중 자꾸 가려지면 옵션 메뉴의 항상 위에 표시 기능을 살펴볼 수 있습니다. 실행했는데 작업 표시줄에 보이지 않으면 시스템 트레이로 최소화되어 있는지도 확인하세요. 오른쪽 클릭 옵션 메뉴에서 트레이 최소화를 설정할 수 있습니다. 메뉴 이름이나 창 모양은 설치한 버전에 따라 예전 공식 시연 이미지와 다를 수 있습니다.
- 샘플링 범위와 찍은 화면 위치를 확인합니다.
- 붙여 넣기 결과가 이전 값이면 복사 설정과 HEX 칸을 확인합니다.
- 창이 안 보이면 작업 표시줄과 시스템 트레이를 살펴봅니다.
자주 묻는 질문
ColorCop은 무료인가요?
네. 공식 사이트가 무료 Windows 색상 선택기로 안내하며, FAQ에는 개인·업무·학교·기관 사용이 가능하다고 나옵니다.
Windows에서 어떤 파일을 받아야 하나요?
일반 설치라면 v5.5.16의 colorcop-setup.exe를 고르세요. colorcop.zip은 독립 실행형 패키지입니다.
HEX 대신 RGB 숫자가 나오면 어떻게 하나요?
ColorCop의 출력 형식을 HTML HEX로 바꾸세요. 공식 기능 페이지에는 HEX와 여러 RGB 형식이 별도로 안내돼 있습니다.
작은 영역의 색을 정확히 고를 수 있나요?
돋보기로 픽셀을 확인하고 단일 픽셀 샘플링을 선택하세요. 넓은 면의 평균색이 필요하면 3×3 또는 5×5를 비교하면 됩니다.
고른 색을 나중에 다시 볼 수 있나요?
최근 일곱 가지 색이 색상 기록에 남으며, 견본을 눌러 다시 선택할 수 있습니다.
한 가지 색을 골라 붙여 넣으며 시작하세요
ColorCop은 화면의 색을 찍어 HEX·RGB 코드로 옮길 때 쓰기 좋은 무료 Windows 도구입니다. 공식 5.5.16 설치 파일을 고른 뒤, 원하는 화면에서 색 면 한가운데를 스포이트로 찍어 보세요. 나온 HEX 값을 작업 중인 웹페이지나 디자인 도구에 붙여 넣으면 첫 작업을 바로 끝낼 수 있습니다.
색이 예상과 다르면 돋보기와 샘플링 범위를 함께 확인하고, 여러 후보는 최근 색상 기록에서 비교하세요. 제작자의 시연 화면은 예전 Windows 버전이므로 세부 모양보다 스포이트·HEX 칸·돋보기의 역할을 기준으로 현재 창을 살펴보면 됩니다.
공식 자료와 확인일
ColorCop 공식 소개와 무료 배포 · ColorCop 공식 다운로드 · ColorCop v5.5.16 공식 릴리스 · ColorCop 공식 기능 설명 · ColorCop 공식 자주 묻는 질문 · ColorCop 제작자 화면 시연 | 2026-10-11T11:49:00+00:00
