PaletteGrab

MV3 색상 선택기 및 팔레트 관리자. EyeDropper API로 색상 선택. Tailwind, CSS 변수 및 Figma로 내보내기. 무료 + Pro $$3.99.

Stop searching for color codes. Grab them. PaletteGrab uses Chrome's native EyeDropper API to let you pick any color from any webpage in one click — instantly showing HEX, RGB, and HSL values ready to copy. ━━━━━━━━━━━━━━━━━━━━━━ The Problem with Existing Tools ━━━━━━━━━━━━━━━━━━━━━━ ColorZilla has millions of users but hasn't been updated to Manifest V3. As Chrome completes the MV3 migration, MV2 extensions face increasing compatibility risk. ColorPick Eyedropper is simpler but stops at picking — there's no palette management, no CSS export, no developer workflow integration. PaletteGrab fills the gap: an actively maintained MV3 eyedropper that takes you from color picking to CSS custom properties, Tailwind config, SCSS variables, and Figma JSON — without leaving Chrome. ━━━━━━━━━━━━━━━━━━━━━━ Features ━━━━━━━━━━━━━━━━━━━━━━ Color Picker (Free) • EyeDropper API captures any pixel from the full browser window — any page, any color • Instant HEX, RGB, and HSL display with one-click copy buttons • Color tray holds up to 10 recently picked colors • History: your last 20 picks, always accessible Palette Builder & Export (Pro — $3.99 one-time) • Create unlimited named palettes to organize colors by project, client, or design system • Export to CSS custom properties → --color-primary: #3B82F6; • Export to Tailwind config → colors: { primary: '#3B82F6', ... } • Export to SCSS variables → $color-primary: #3B82F6; • Export to Figma: JSON format compatible with Figma's color token import • Image color extraction: paste any image URL, auto-extract 5 dominant colors • Share palettes via URL ━━━━━━━━━━━━━━━━━━━━━━ Use Cases ━━━━━━━━━━━━━━━━━━━━━━ • Web designers: inspect colors from any live site or design reference • Frontend developers: capture design system colors for Tailwind or CSS variables • Figma users: bring colors from the web directly into your design file • QA engineers: verify implemented colors match the design specification ━━━━━━━━━━━━━━━━━━━━━━ Free vs Pro ━━━━━━━━━━━━━━━━━━━━━━ Feature Free Pro ───────────────────────────────────── EyeDropper (full screen) ✅ ✅ HEX / RGB / HSL copy ✅ ✅ Color tray (10 colors) ✅ ✅ History (20 picks) ✅ ✅ Named palettes ✗ ✅ Unlimited CSS / Tailwind / SCSS ✗ ✅ Figma JSON export ✗ ✅ Image color extraction ✗ ✅ Palette URL sharing ✗ ✅ Pro is a one-time purchase — no subscription. ━━━━━━━━━━━━━━━━━━━━━━ Privacy ━━━━━━━━━━━━━━━━━━━━━━ PaletteGrab stores all color data locally using chrome.storage.local. No colors, palettes, or usage data are transmitted to any external server. The image color extraction feature only sends the image URL you provide — no personal data is collected or stored externally. ━━━━━━━━━━━━━━━━━━━━━━ FAQ ━━━━━━━━━━━━━━━━━━━━━━ Does this replace ColorZilla? For color picking and palette management, yes. ColorZilla is Manifest V2 and no longer receiving updates. PaletteGrab is MV3-native, actively maintained, and adds developer export workflows that ColorZilla never had. Does the eyedropper work on all sites? The EyeDropper API works on any page loaded in Chrome. It captures pixel colors from the rendered page — text, images, CSS backgrounds — across the full browser window. What's included in the free version? The eyedropper tool, HEX/RGB/HSL copy, a 10-color tray, and 20-pick history are all free with no time limit. Can I cancel Pro? Pro is a one-time purchase, not a subscription. There's nothing to cancel.