DevTools
뒤로가기

컬러 스포이드

화면 어디서나 색상을 추출하세요

Loading…

다른 카테고리 탐색

유틸리티 더보기

전체 보기

인기 개발자 도구

전체 보기

컬러 스포이드(색상 추출기)란?

컬러 스포이드(색상 스포이드, 색상 추출기, 색상 픽커라고도 함)는 화면 어디서든 색상을 추출하고 따낼 수 있는 강력한 도구입니다. 브라우저뿐만 아니라 모든 애플리케이션, 디자인, 이미지에서 색상 코드를 추출할 수 있습니다. 최신 EyeDropper API를 사용하여 클릭 한 번으로 정확한 색깔 값을 캡처할 수 있습니다.

사용 방법

'화면에서 색상 추출' 버튼을 클릭하면 커서가 스포이드로 바뀝니다. 화면 어디든(브라우저 밖도 가능) 이동하여 클릭하면 색상이 캡처됩니다. 도구는 여러 형식(HEX, RGB, HSL)으로 색상을 표시하며, 원클릭 복사 버튼을 제공합니다.

화면 색상 픽커 주요 기능

화면 전체 어디서나 색상 추출 및 샘플링 가능하며, 브라우저 창에 제한되지 않습니다. 여러 형식(HEX, RGB, HSL)으로 즉시 색상 코드 제공. 최대 20개의 최근 색깔을 자동으로 히스토리에 저장. 모든 형식에 대해 원클릭 복사 가능. Figma, Photoshop, 웹사이트, 이미지 등 모든 애플리케이션에서 작동하는 범용 색상 추출 도구입니다.

활용 사례

경쟁사 웹사이트에서 브랜드 색상을 추출하는 디자이너, 디자인 사양과 매칭하는 개발자, 색상 팔레트를 만드는 디지털 아티스트, 색상 구성을 분석하는 UI/UX 디자이너, 그리고 화면에서 정확한 색상 값이 필요한 모든 사람에게 완벽합니다.

자주 묻는 질문

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

EyeDropper API는 Chrome 95+, Edge 95+, Opera 81+ 버전에서 지원됩니다. Firefox와 Safari는 현재 이 기능을 지원하지 않습니다.

브라우저 밖에서도 색상을 추출할 수 있나요?

네! 이것이 이 도구의 주요 장점입니다. Photoshop, Figma, 다른 브라우저, 바탕화면 배경, 또는 화면에 보이는 모든 창에서 색상을 추출할 수 있습니다.

색상 히스토리는 어떻게 저장되나요?

색상 히스토리는 브라우저의 localStorage를 사용하여 로컬에 저장됩니다. 도구는 마지막 20개의 추출된 색상을 보관하며, 이 데이터는 절대 기기 밖으로 나가지 않습니다.

어떤 색상 형식을 사용할 수 있나요?

도구는 HEX (#RRGGBB), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)) 형식으로 색상을 제공하며, 각 형식에 대해 즉시 복사 버튼을 제공합니다.

화면 데이터가 서버로 전송되나요?

아니요. 모든 색상 추출은 네이티브 EyeDropper API를 사용하여 브라우저 내에서 로컬로 처리됩니다. 스크린샷이나 데이터가 서버로 전송되지 않습니다.

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

안타깝게도 EyeDropper API는 현재 데스크톱 브라우저(Chrome, Edge, Opera)에서만 사용할 수 있습니다. 모바일 브라우저는 아직 이 기능을 지원하지 않습니다.