HTMLPicker - HTML-kleurkiezer

Kies elementen om kleuren (HEX, RGB, HSL), CSS, lettertypen en lay-out te extraheren. Genereer AI-prompts.

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/