Coming Soon · Chrome Web Store

PixelKit

A designer's inspector in one click — screen eyedropper, font identifier, box-model ruler, and WCAG contrast checker.

EyedropperFont IDContrast CheckerBox RulerHEX/RGB/HSLTailwind Export
What it does

The whole design toolbox, in one click

🎨

Screen eyedropper + palette

Sample any color on screen and build a palette as you go.

🔤

Font identifier

Hover any text to reveal its family, size and weight instantly.

📐

Box-model ruler

Measure spacing, padding and dimensions pixel-perfectly on any element.

🌗

WCAG contrast (AA/AAA)

Check foreground/background contrast against AA and AAA accessibility levels.

🧮

Copy as HEX/RGB/HSL

Grab any color in the exact format you need with a single click.

🎯

Tailwind color export

Convert sampled colors straight into Tailwind-ready values for your config.

Coming soon to Chrome.

PixelKit is launching soon on the Chrome Web Store. Get an email the moment it goes live.

Get notified at launch