화면의 모든 색상을
즉시 추출하세요
스포이드 도구로 화면 어디서든 색상을 클릭하면
HEX, RGB, HSL 코드를 바로 복사할 수 있습니다.
HEX
—
RGB
—
HSL
—
사용 방법
-
스포이드로 추출 버튼을 클릭합니다.
Chrome 또는 Edge 브라우저에서 클릭하면 OS 스포이드 커서로 바뀝니다.
-
원하는 색상 위치에 클릭합니다.
브라우저 창 안팎 어디서든 — 열려 있는 다른 앱, 이미지, 웹사이트 등 화면의 모든 픽셀을 선택할 수 있습니다.
-
색상 코드를 확인하고 복사합니다.
HEX, RGB, HSL 세 가지 형식이 동시에 표시되며, 각각의 Copy 버튼으로 즉시 복사됩니다.
색상 포맷 안내
HEX
웹 개발에서 가장 널리 쓰이는 형식입니다. #RRGGBB 형태로 CSS, HTML, 디자인 툴 어디서나 바로 사용할 수 있습니다.
예: #1A73E8
RGB
Red, Green, Blue 세 채널의 0–255 값으로 표현합니다. CSS rgb() 함수에 직접 사용하거나 투명도 조절 시 rgba()로 확장해 씁니다.
예: rgb(26, 115, 232)
HSL
Hue(색상), Saturation(채도), Lightness(명도)로 표현합니다. 색조 조절이나 팔레트 생성 시 직관적으로 다루기 쉬운 형식입니다.
예: hsl(214, 80%, 51%)
이런 분들에게 유용합니다
- 웹 개발자 — 디자인 시안이나 레퍼런스 사이트에서 색상 코드를 바로 추출해 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 버튼을 누르면 해당 형식만 클립보드에 저장됩니다. - 무료로 사용할 수 있나요?
- 네, 완전 무료입니다. 회원가입이나 별도 설치 없이 브라우저에서 바로 사용할 수 있습니다.