HTMLPicker - HTML-kleurkiezer door ExileCode
Kies elk element om CSS, kleuren en lettertypen te extraheren. Genereer AI-implementatieprompts voor Cursor, Copilot, Claude Code en Codex.
11 gebruikers11 gebruikers
Metagegevens van extensie
Schermafbeeldingen
Over deze extensie
HTMLPicker selecteert elk element op een webpagina om kleuren, CSS, lettertypen, HTML en design-export te extraheren. AI-gestuurde stijlanalyse helpt ontwerpers en ontwikkelaars om elk design te begrijpen en na te bouwen.
🔑 Belangrijkste functies
• Elementkiezer — Klik op elk element om kleuren (HEX/RGB/HSL), lettertypen, CSS-stijlen, selector en HTML-code te zien
• AI-designanalyse — Gebruik uw eigen AI API-sleutel om stijlen te analyseren, prompts te genereren en tech stack te detecteren
• Paginapalet — Extrahering in één klik van het volledige kleurenschema met frequentieanalyse
• Screenshot — Zichtbaar gebied en full-page scroll-screenshots
• Design-export — Exporteer kleuren, lettertypen, afstand als JSON, CSS, Markdown of AI-contextpakket
• Live stijlwijziging — Wijzig kleuren en lettertypen in realtime op elke pagina
• DOM-navigatie — Bekijk visuele hiërarchie van bovenliggende/onderliggende/zusterelementen
• Pagina bewerken — Schakel contenteditable in om paginatekst direct te bewerken
• Donker & licht thema — Past zich automatisch aan het systeem aan
• Dubbele UI — Popup voor snelle toegang, zijbalk voor gedetailleerde werkruimte
🌐 Meertalige ondersteuning
Beschikbaar in 18 talen: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Privacy voorop
HTMLPicker verzamelt geen persoonlijke gegevens. Alle verwerking vindt lokaal plaats in uw browser. Geen account nodig. Geen tracking. De optionele AI-analysefunctie stuurt gecomprimeerde design-gegevens naar uw eigen API-sleutel alleen wanneer u dit activeert.
💡 Ontwikkeling steunen
HTMLPicker is gratis te gebruiken. Als u het nuttig vindt, overweeg dan de ontwikkeling te steunen op htmlpicker.com/donate/
🔑 Belangrijkste functies
• Elementkiezer — Klik op elk element om kleuren (HEX/RGB/HSL), lettertypen, CSS-stijlen, selector en HTML-code te zien
• AI-designanalyse — Gebruik uw eigen AI API-sleutel om stijlen te analyseren, prompts te genereren en tech stack te detecteren
• Paginapalet — Extrahering in één klik van het volledige kleurenschema met frequentieanalyse
• Screenshot — Zichtbaar gebied en full-page scroll-screenshots
• Design-export — Exporteer kleuren, lettertypen, afstand als JSON, CSS, Markdown of AI-contextpakket
• Live stijlwijziging — Wijzig kleuren en lettertypen in realtime op elke pagina
• DOM-navigatie — Bekijk visuele hiërarchie van bovenliggende/onderliggende/zusterelementen
• Pagina bewerken — Schakel contenteditable in om paginatekst direct te bewerken
• Donker & licht thema — Past zich automatisch aan het systeem aan
• Dubbele UI — Popup voor snelle toegang, zijbalk voor gedetailleerde werkruimte
🌐 Meertalige ondersteuning
Beschikbaar in 18 talen: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Privacy voorop
HTMLPicker verzamelt geen persoonlijke gegevens. Alle verwerking vindt lokaal plaats in uw browser. Geen account nodig. Geen tracking. De optionele AI-analysefunctie stuurt gecomprimeerde design-gegevens naar uw eigen API-sleutel alleen wanneer u dit activeert.
💡 Ontwikkeling steunen
HTMLPicker is gratis te gebruiken. Als u het nuttig vindt, overweeg dan de ontwikkeling te steunen op htmlpicker.com/donate/
Met 0 gewaardeerd door 0 beoordelaars
Toestemmingen en gegevens
Vereiste machtigingen:
- Uw gegevens voor alle websites benaderen
Optionele machtigingen:
- Uw gegevens voor alle websites benaderen
Gegevensverzameling:
- De ontwikkelaar zegt dat deze extensie geen gegevensverzameling vereist.
Meer informatie
- Versie
- 1.0.7
- Grootte
- 251,36 KB
- Laatst bijgewerkt
- één maand geleden (23 sep. 2026)
- Verwante categorieën
- Licentie
- Alle rechten voorbehouden
- Privacybeleid
- Het privacybeleid voor deze add-on lezen
- Versiegeschiedenis
- Toevoegen aan collectie
De ontwikkelaar van deze extensie vraagt uw steun voor verdere ontwikkeling door middel van een kleine bijdrage.