HTMLPicker - HTML-Farbwähler von ExileCode
Elemente aufnehmen: CSS, Farben, Schriften extrahieren. KI-Implementierungsprompts für Cursor, Copilot, Claude Code und Codex generieren.
1 Benutzer1 Benutzer
Metadaten zur Erweiterung
Screenshots
Über diese Erweiterung
HTMLPicker wählt jedes Element auf einer Webseite aus und extrahiert Farben, CSS, Schriften, HTML und Design-Export. KI-gestützte Stilanalyse hilft Designern und Entwicklern, jedes Design zu verstehen und nachzubauen.
🔑 Hauptfunktionen
• Element-Auswahl — Klicken Sie auf ein Element, um Farben (HEX/RGB/HSL), Schriften, CSS-Stile, Selektor und HTML-Code zu sehen
• KI-Design-Analyse — Verwenden Sie Ihren eigenen KI-API-Schlüssel zur Stilanalyse, Prompt-Generierung und Tech-Stack-Erkennung
• Seiten-Palette — Ein-Klick-Extraktion des gesamten Farbschemas mit Häufigkeitsanalyse
• Screenshot — Sichtbarer Bereich und Full-Page-Scrolling-Screenshots
• Design-Export — Farben, Schriften, Abstände als JSON, CSS, Markdown oder KI-Kontextpaket exportieren
• Live-Stiländerung — Farben und Schriften in Echtzeit auf jeder Seite ändern
• DOM-Navigation — Übergeordnete/untergeordnete/geschwister Elemente visuell durchsuchen
• Seitenbearbeitung — contenteditable umschalten, um Seitentext direkt zu bearbeiten
• Dunkles & helles Theme — Passt sich automatisch an das System an
• Duale UI — Popup für schnellen Zugriff, Sidebar für detaillierte Arbeitsbereich
🌐 Mehrsprachige Unterstützung
Verfügbar in 18 Sprachen: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Datenschutz zuerst
HTMLPicker sammelt keine persönlichen Daten. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser. Kein Konto erforderlich. Kein Tracking. Die optionale KI-Analyse sendet komprimierte Design-Daten nur bei Auslösung an Ihren eigenen API-Schlüssel.
💡 Entwicklung unterstützen
HTMLPicker ist kostenlos. Wenn Sie es hilfreich finden, unterstützen Sie die Entwicklung unter htmlpicker.com/donate/
🔑 Hauptfunktionen
• Element-Auswahl — Klicken Sie auf ein Element, um Farben (HEX/RGB/HSL), Schriften, CSS-Stile, Selektor und HTML-Code zu sehen
• KI-Design-Analyse — Verwenden Sie Ihren eigenen KI-API-Schlüssel zur Stilanalyse, Prompt-Generierung und Tech-Stack-Erkennung
• Seiten-Palette — Ein-Klick-Extraktion des gesamten Farbschemas mit Häufigkeitsanalyse
• Screenshot — Sichtbarer Bereich und Full-Page-Scrolling-Screenshots
• Design-Export — Farben, Schriften, Abstände als JSON, CSS, Markdown oder KI-Kontextpaket exportieren
• Live-Stiländerung — Farben und Schriften in Echtzeit auf jeder Seite ändern
• DOM-Navigation — Übergeordnete/untergeordnete/geschwister Elemente visuell durchsuchen
• Seitenbearbeitung — contenteditable umschalten, um Seitentext direkt zu bearbeiten
• Dunkles & helles Theme — Passt sich automatisch an das System an
• Duale UI — Popup für schnellen Zugriff, Sidebar für detaillierte Arbeitsbereich
🌐 Mehrsprachige Unterstützung
Verfügbar in 18 Sprachen: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Datenschutz zuerst
HTMLPicker sammelt keine persönlichen Daten. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser. Kein Konto erforderlich. Kein Tracking. Die optionale KI-Analyse sendet komprimierte Design-Daten nur bei Auslösung an Ihren eigenen API-Schlüssel.
💡 Entwicklung unterstützen
HTMLPicker ist kostenlos. Wenn Sie es hilfreich finden, unterstützen Sie die Entwicklung unter htmlpicker.com/donate/
Bewertet mit 0 von 0 Bewertern
Berechtigungen und Daten
Benötigte Berechtigungen:
- Auf Ihre Daten für diverse Websites zugreifen
Optionale Berechtigungen:
- Auf Ihre Daten für diverse Websites zugreifen
Datenerfassung:
- Der Entwickler sagt, dass diese Erweiterung keine Datenerhebung benötigt.
Weitere Informationen
- Version
- 1.0.4
- Größe
- 426,8 KB
- Zuletzt aktualisiert
- vor 18 Tagen (6. Juni 2026)
- Verwandte Kategorien
- Lizenz
- Alle Rechte vorbehalten
- Datenschutzrichtlinie
- Lesen Sie die Datenschutzrichtlinie für dieses Add-on
- Versionsgeschichte
- Zur Sammlung hinzufügen
Der Entwickler dieser Erweiterung bittet Sie, dass Sie die Entwicklung unterstützen, indem Sie einen kleinen Betrag spenden.