화면의 모든 색상을
즉시 추출하세요

사용 방법

1. 스포이드로 추출 버튼을 클릭합니다.

   Chrome 또는 Edge 브라우저에서 클릭하면 OS 스포이드 커서로 바뀝니다.

2. 원하는 색상 위치에 클릭합니다.

   브라우저 창 안팎 어디서든 — 열려 있는 다른 앱, 이미지, 웹사이트 등 화면의 모든 픽셀을 선택할 수 있습니다.

3. 색상 코드를 확인하고 복사합니다.

   HEX, RGB, HSL 세 가지 형식이 동시에 표시되며, 각각의 Copy 버튼으로 즉시 복사됩니다.

색상 포맷 안내

이런 분들에게 유용합니다

• 웹 개발자 — 디자인 시안이나 레퍼런스 사이트에서 색상 코드를 바로 추출해 CSS에 적용
• UI/UX 디자이너 — 피그마, 스케치 등 툴에서 색상 확인 없이 실제 화면에서 직접 추출
• 콘텐츠 크리에이터 — 브랜드 컬러, 썸네일 색상을 정확히 맞춰 일관성 유지
• 그래픽 디자이너 — 인쇄물 작업 시 화면 색상을 정확히 파악해 컬러 매칭

자주 묻는 질문

어떤 브라우저에서 사용할 수 있나요?

현재 Chrome 95 이상과 Edge 95 이상에서 지원됩니다. Firefox와 Safari는 EyeDropper API를 아직 지원하지 않습니다.

브라우저 창 밖의 색상도 추출할 수 있나요?

네. OS 수준의 EyeDropper API를 사용하므로 다른 앱, 바탕화면, 열려 있는 이미지 등 화면의 모든 픽셀에서 색상을 추출할 수 있습니다.

추출한 색상은 어디에 저장되나요?

서버에 저장되지 않습니다. 추출된 색상은 브라우저 화면에만 표시되며, 페이지를 새로고침하면 초기화됩니다.

모바일에서도 사용할 수 있나요?

현재 모바일 브라우저에서는 EyeDropper API가 지원되지 않아 사용이 불가합니다. PC 브라우저(Chrome 또는 Edge)에서 이용해 주세요.

색상 코드를 복사할 때 어떤 형식으로 복사되나요?

HEX는 #FF5733, RGB는 rgb(255, 87, 51), HSL은 hsl(14, 100%, 60%) 형식으로 복사됩니다. 각 Copy 버튼을 누르면 해당 형식만 클립보드에 저장됩니다.

무료로 사용할 수 있나요?

네, 완전 무료입니다. 회원가입이나 별도 설치 없이 브라우저에서 바로 사용할 수 있습니다.

색상 코드 활용 가이드