HTMLPicker door ExileCode

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/