HTMLPicker - Wybierak kolorów HTML

Wybierz element by wyodrębnić kolory (HEX, RGB, HSL), CSS, czcionki i układ. Generuj prompty implementacji AI.

HTMLPicker wybiera dowolny element na stronie internetowej, aby wyodrębnić kolory, CSS, czcionki, HTML i tokeny designu. Analiza stylu wspomagana przez AI pomaga projektantom i programistom zrozumieć i odtworzyć dowolny design. 🔑 Kluczowe funkcje • Selektor elementów — Kliknij dowolny element, aby zobaczyć kolory (HEX/RGB/HSL), czcionki, style CSS, selektor i kod HTML • Analiza designu AI — Użyj własnego klucza API AI do analizy stylów, generowania promptów i wykrywania stosu technologicznego • Paleta strony — Jednokliknięciowa ekstrakcja pełnego schematu kolorów z analizą częstotliwości • Zrzut ekranu — Widoczny obszar i pełnostronicowe zrzuty z przewijaniem • Eksport tokenów designu — Eksportuj kolory, czcionki, odstępy jako JSON, CSS, Markdown lub pakiet kontekstu AI • Modyfikacja stylów na żywo — Zmieniaj kolory i czcionki w czasie rzeczywistym na dowolnej stronie • Nawigacja DOM — Przeglądaj wizualną hierarchię elementów nadrzędnych/podrzędnych/rodzeństwa • Edycja strony — Przełącz contenteditable, aby bezpośrednio edytować tekst strony • Ciemny i jasny motyw — Automatycznie dopasowuje się do motywu systemu • Podwójny UI — Popup do szybkiego dostępu, panel boczny do szczegółowego obszaru roboczego 🌐 Obsługa wielu języków Dostępne w 18 językach: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia 🔒 Prywatność przede wszystkim HTMLPicker nie zbiera danych osobowych. Całe przetwarzanie odbywa się lokalnie w Twojej przeglądarce. Konto nie jest wymagane. Brak śledzenia. Opcjonalna funkcja analizy AI wysyła skompresowane dane designu do Twojego własnego klucza API tylko po jej aktywowaniu. 💡 Wsparcie rozwoju HTMLPicker jest darmowy. Jeśli uznasz go za przydatny, rozważ wsparcie rozwoju na htmlpicker.com/donate/