PixelScope - 웹 개발 유틸 모음

Measure page regions, inspect colors, and capture page content without changing page layout.

PixelScope는 현재 웹페이지의 레이아웃과 시각 요소를 검사하기 위한 Chrome 확장 프로그램입니다. DOM 요소와 자유 영역의 크기를 측정하고, 화면의 색상 값을 확인하며, 선택한 요소 또는 전체 페이지를 PNG 이미지로 캡처할 수 있습니다. 주요 기능 영역 측정 - 커서 아래 DOM 요소의 크기를 실시간으로 확인 - 요소를 클릭하여 측정 결과 고정 - 원하는 영역을 드래그하여 너비와 높이 측정 - 정방향 및 역방향 드래그 지원 - 스크롤 후에도 선택한 문서 영역 유지 - px, rem, vw/vh 측정 단위 지원 컬러 피커 - 현재 화면의 픽셀 색상을 실시간으로 확인 - HEX, RGB, HSL, HSV, CMYK 색상 정보 제공 - 선택한 색상을 HEX, RGB 또는 HSL 형식으로 클립보드에 복사 - 색상 밝기와 WCAG 대비 정보 확인 화면 캡처 - DOM 요소를 선택하여 객체 단위로 캡처 - 긴 웹페이지를 자동으로 스크롤하여 전체 페이지 캡처 - 여러 화면을 한 장의 PNG 이미지로 연결 - 고정 헤더와 플로팅 요소가 프레임마다 반복되지 않도록 처리 - 브라우저 스크롤바를 제외한 웹페이지 콘텐츠 캡처 캡처 뷰어 - 캡처 완료 후 새 탭에서 결과 확인 - 10%부터 400%까지 확대 및 축소 - 화면 너비에 맞추기 - PNG 이미지 클립보드 복사 - PNG 바로 저장 또는 Chrome 저장 위치 선택 개인정보 보호 - 회원가입이나 로그인이 필요하지 않습니다. - 광고, 분석 도구 또는 사용자 추적 기능을 사용하지 않습니다. - 웹페이지 측정, 색상 분석 및 화면 캡처는 사용자의 브라우저 내부에서 처리됩니다. - 캡처 이미지와 웹사이트 콘텐츠를 외부 서버로 전송하지 않습니다. - 저장하지 않은 캡처 데이터는 임시로 보관된 후 자동으로 삭제됩니다. 사용 방법 1. Chrome 툴바에서 PixelScope 아이콘을 클릭합니다. 2. 영역 측정, 컬러 피커, 객체 캡처 또는 전체 페이지 캡처를 선택합니다. 3. 캡처 결과는 새 뷰어 탭에서 복사하거나 PNG 파일로 저장할 수 있습니다. 현재 제한사항 - iframe 내부 요소의 개별 선택 및 측정은 지원하지 않습니다. - 독립적으로 스크롤되는 내부 영역은 전체 페이지 캡처 시 자동 확장하지 않습니다. - chrome:// 페이지와 Chrome Web Store 등 확장 프로그램 실행이 제한된 페이지에서는 사용할 수 없습니다.