Chrome, Edge, Firefox용 스포이트 확장 프로그램
웹페이지 어디서든 색을 추출하거나 색상 코드를 붙여넣고 HEX, RGB, HSL, OKLCH로 클릭 한 번에 복사하세요. 웹사이트 전체의 팔레트를 추출해 CSS, Tailwind, 디자인 토큰으로 내보낼 수 있습니다.
무료, 계정 없이, 오프라인에서도 작동.
주요 기능
- 스포이트
- 페이지의 어떤 픽셀이든 색을 추출하고 내 형식으로 바로 복사합니다.
- 어떤 색이든 인식
- HEX, rgb(), hsl(), oklch(), sky-500 같은 Tailwind 클래스, Swift나 Flutter 코드, “남색” 같은 이름을 붙여넣으세요.
- 모든 형식으로 출력
- HEX, RGB, HSL, OKLCH를 나란히 보여 주고 각각 클릭 한 번에 복사합니다. 고른 형식이 기본값이 됩니다.
- 웹사이트 팔레트
- 열린 페이지의 색과 CSS 변수를 모으고, 거의 같은 색은 합치고, 가장 많이 쓰인 색부터 보여 줍니다.
- 내보내기
- 페이지 팔레트를 CSS 변수, Tailwind @theme 블록, SCSS, JSON, 디자인 토큰, SVG로 복사합니다.
- 기록
- 최근 색은 확장 프로그램 창에서 바로 보입니다. 이 브라우저에만 저장됩니다.
권한
이 확장 프로그램은 권한 4개만 요청하며 모든 사이트에 대한 접근은 절대 요청하지 않습니다. 각 권한은 한 가지 일만 합니다.
activeTab- 열린 탭에 대한 접근. 확장 프로그램 아이콘을 클릭하거나 단축키를 누른 뒤에만 허용됩니다.
scripting- 팔레트를 요청하거나 색을 추출할 때 그 페이지의 색을 읽는 작은 스크립트를 실행합니다.
storage- 최근 색과 선호 형식을 이 브라우저에 저장합니다.
clipboardWrite- 요청한 색이나 코드를 복사합니다.
절대 요청하지 않는 것
모든 사이트에 대한 접근 · 방문 기록이나 탭 목록 · 분석, 광고, 추적 · 인터넷에서 내려받는 코드
키보드 단축키
어느 페이지에서든 Alt+Shift+P를 누르면 창을 열지 않고 색을 추출합니다. 단축키는 브라우저의 확장 프로그램 설정에서 바꿀 수 있습니다.
자주 묻는 질문
PickShade 확장 프로그램은 무료인가요?
네. 스포이트, 모든 형식, 페이지 팔레트, 내보내기, 기록 모두 무료이며 계정도 광고도 없습니다.
일부 페이지를 읽지 못하는 이유는 무엇인가요?
브라우저는 설정 화면, 새 탭 페이지, 확장 프로그램 스토어 같은 자체 페이지를 어떤 확장 프로그램에도 읽게 하지 않습니다. 이런 페이지에서도 붙여넣은 색은 변환되고, Chrome과 Edge에서는 스포이트도 작동합니다.
확장 프로그램이 내 색을 어딘가로 보내나요?
아니요. 색은 pickshade.com과 같은 CSS Color 4 계산식으로 확장 프로그램 안에서 계산됩니다. 서버로는 아무것도 보내지 않으며 기록은 브라우저에 남습니다.
Firefox에서는 스포이트가 어떻게 작동하나요?
Firefox에는 확장 프로그램용 내장 스포이트가 없어서 PickShade가 화면에 보이는 부분을 캡처하고 돋보기를 보여 줍니다. 픽셀을 클릭하거나 화살표 키로 돋보기를 옮긴 뒤 Enter를 누르세요.