Kelza

About

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.