Kelza

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.