Item logo image for Kelza

Kelza

5.0(

2 ratings

)
Item media 1 (screenshot) for Kelza

Overview

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.

Details

  • Version
    1.0.2
  • Updated
    February 15, 2026
  • Offered by
    jasonmarcua
  • Size
    505KiB
  • Languages
    English
  • Developer
    Email
    jasonmarcua@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Peek - Design & Asset Toolkit

4.7

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

WeAccess Scan

5.0

Web pages accessibility testing Chrome extension

Website TechStack Detector

5.0

Detect and analyze the technology stack of any website with comprehensive insights

Site Structure Navigator

5.0

Complete site mapping with SEO analysis, status checking, theme support, and export tools for comprehensive website audits

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Web to MCP: Import any website components to Cursor or Claude Code

3.9

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

Web SuperKit: Web Inspector, CSS Peeper, Color Picker, Web Screenshot

5.0

Web SuperKit is a powerful Chrome extension offering 150+ utility tools to visually inspect, edit, analyze, and enhance any webpage.

Better Ruler

4.8

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Color Picker Chrome extension

4.2

Color Picker Chrome extension addon lets you to pick color from any webpage

DesignPicker - Color Picker & Font Detector

5.0

A smart developer tool that supports color picking and font detecting, making develop design easier.

Bubble.io Toolkit - Framify.io

5.0

The ultimate toolkit for Bubble.io developers. Access essential UI components, convert Figma designs, and build professional apps

Peek - Design & Asset Toolkit

4.7

Extract assets, colors, typography & tokens from any site. Export to CSS, SCSS, Tailwind & more. The ultimate dev & design toolkit.

WeAccess Scan

5.0

Web pages accessibility testing Chrome extension

Website TechStack Detector

5.0

Detect and analyze the technology stack of any website with comprehensive insights

Site Structure Navigator

5.0

Complete site mapping with SEO analysis, status checking, theme support, and export tools for comprehensive website audits

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Web to MCP: Import any website components to Cursor or Claude Code

3.9

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

Web SuperKit: Web Inspector, CSS Peeper, Color Picker, Web Screenshot

5.0

Web SuperKit is a powerful Chrome extension offering 150+ utility tools to visually inspect, edit, analyze, and enhance any webpage.

Google apps