Kelza

Kelza is a powerful extension that helps you analyze websites, extract UI elements, and capture complete design systems

Instead of digging through DevTools to find colors, fonts, spacing, images, and SVG icons, Kelza organizes everything for you in one place. Perfect for: • Web designers • UI/UX designers • Front-end developers • Product teams • No-code builders • Students learning web design Kelza turns any website into an instant design reference. 🎨 Core Features Design System Capture Extract the visual identity of any website with one click. • One-Click Design System Capture — extract colors, fonts, images, SVGs, and media instantly • Color Palette Extraction — detect all colors used across the page • Typography Detection — capture font families, weights, sizes, and line heights • Element Inspector — hover over elements to view full CSS properties • Color Picker — pick colors in HEX, RGB, and HSL formats Kelza helps you understand how a UI is built visually and structurally. 🖼 Assets & Media Extraction Collect visual assets from any page without opening DevTools. • SVG Icon Extraction — find and download all SVG icons • Image Asset Capture — extract images with size information • Video Detection — detect embedded videos Ideal for: • UI research • design inspiration • asset collection • interface analysis ♿ Accessibility Tools Build better and more inclusive interfaces. • WCAG Contrast Checker — scan text/background color pairs • AA / AAA compliance detection • automatic contrast issue highlighting Kelza helps designers and developers catch accessibility problems early. ⚙ Workflow Features Kelza is designed to support your daily workflow. ⭐ Favorites Save UI elements for later use: • colors • SVG icons • images • visual references Create your own reusable UI library. 📤 Export Formats Export extracted data for development: • CSS • JSON • design tokens • color palettes Move from inspection to implementation faster. 🕘 Capture History Kelza remembers analyzed websites so you can: • revisit design systems • compare UI styles • reuse assets • track inspiration 🧩 Side Panel Interface Kelza runs inside the Chrome side panel, keeping your workflow uninterrupted. No popups. No tab switching. No clutter. Just clean UI inspection. 🔐 Google Sign-In Sign in quickly to sync your saved items and history across devices. Why Kelza? Kelza combines multiple tools into one extension: • Color picker • Element inspector • SVG extractor • Image downloader • Design system analyzer • Accessibility checker All in one place. Simple Workflow 🚀 Using Kelza takes seconds: 1. Open any website 2. Launch Kelza 3. Hover over UI elements 4. Extract design data 5. Export or save assets That’s it.