PixelKit — 웹 디자인 툴킷

CSS·색상·폰트·간격 분석, 스크린샷, 스타일 편집. Pro 1개월 무료 체험 후 월 $0.99. 기본 도구 4종은 계속 무료.

PixelKit은 웹사이트의 CSS, 색상, 폰트, 간격을 확인하고 디자인을 다듬는 크롬 확장 프로그램입니다. 페이지 위의 작은 툴바와 사이드 패널에서 요소 검사, 화면 캡처, 스타일 편집, 디자인 QA를 이어서 진행하세요. 기본 도구는 무료로 시작하세요 • 요소 위에 마우스를 올려 크기, 폰트, 색상과 계산된 CSS 확인 • 색상 선택기, 그리드 오버레이, 현재 보이는 화면 캡처 • 자주 쓰는 도구 1~6개를 툴바 즐겨찾기에 고정 • 아이콘에 마우스를 올리거나 키보드로 이동하면 기능 이름과 설명 표시 PixelKit Pro로 디자인 검토를 더 자세하게 • 두 요소 비교: A와 B의 폰트, 색상, 여백, 테두리 등 CSS 27개 속성을 비교하고 다른 값만 보기 • 수정 전후 비교: 기준 화면과 수정한 화면을 슬라이더 또는 반투명 겹침으로 비교하고 PNG로 저장 • 페이지 QA: 가로 넘침, 이미지 설명 누락·로드 실패, 이름 없는 입력창·버튼·링크, 제목 단계 건너뜀 확인 • QA 보고서: 문제 위치를 찾고 메모와 스크린샷을 더해 HTML 보고서로 저장. JSON 복사·저장도 지원 • 색상 팔레트 추출, CSS 변수 내보내기, 폰트·간격·대비 검사, CSS 복사 • 스타일·레이아웃 편집, 주석, 추가 캡처 옵션, API 개발 도구 한국어, 영어, 일본어, 중국어, 스페인어, 프랑스어, 독일어, 포르투갈어를 지원합니다. Pro 월 구독은 1개월 무료 체험 후 $0.99/월입니다. 결제 수단이 필요하며, 체험 종료 전 취소하지 않으면 유료 구독으로 전환됩니다. 평생 이용권은 $19.99 일회성 결제이며 무료 체험은 월 구독에만 적용됩니다. Polar 또는 이메일에서 받은 라이선스 키를 PixelKit 설정에 입력해 Pro를 활성화하세요. 페이지 QA는 메인 문서의 보이는 요소를 대상으로 하는 기본 검사이며 iframe과 Shadow DOM은 제외합니다. 전체 접근성 감사를 대신하지 않습니다. 수정 전후 비교는 현재 보이는 화면의 시각적 비교이며 자동 픽셀 차이 판정은 포함하지 않습니다. 0.1.4 업데이트 • 툴바 더보기 메뉴의 도구가 클릭되지 않던 문제 수정 • 16개 도구의 이름·설명 툴팁을 8개 언어로 제공 • 마우스·키보드 탐색과 도구 실행 실패 안내 개선 웹사이트: https://pixelkit.patrache.studio/ko/ 문의: support@patrache.studio