Chrome 웹 스토어

Pixel Toolkit

모든 페이지에서 정밀한 색상 검사.

Pixel Toolkit은 디자이너와 개발자가 픽셀 퍼펙트 정보를 수집하도록 도와줍니다. 색상을 샘플링하고 대비 비율을 확인하며 디자인 시스템으로 토큰을 동기화하세요.

macOS, Windows, Linux용 최신 Chrome에서 작동합니다.

Chrome 웹 스토어

색상을 측정하고 팔레트를 만들며 디자인 토큰을 즉시 내보내세요.

설치 5천+

평점 4.7 / 5

오프라인 지원

Key Capabilities

프로덕트 팀을 위해

디자인 스프린트마다 샘플링한 색상을 타임라인으로 기록하세요.

웹 인터페이스 어디서나 간격, 타이포 스케일, 정렬을 측정하세요.

인터넷이 없는 환경에서도 스테이징 빌드를 살펴보며 색상을 캡처하세요.

서브 픽셀 확대 기능으로 원하는 픽셀을 샘플링하고 HEX, RGB, HSL, LAB 값을 확인하세요.

WCAG 대비 비율을 즉시 계산하고 개선 방향을 제안합니다.

팔레트 토큰을 JSON 또는 CSS 변수 형태로 복사해 코드베이스에 바로 활용하세요.

설치 없이 Pixel Toolkit을 둘러보세요.

그룹화된 스와치, 사용 권장 사항, 빠른 내보내기 작업을 확인하세요.

테마별로 변수를 정리하고 리포지토리에 업데이트를 푸시하세요.

색상을 측정하고 팔레트를 만들며 디자인 토큰을 즉시 내보내세요.