HTMLPicker

Selecciona cualquier elemento para extraer CSS, colores y fuentes. Genera prompts de implementación IA para Cursor, Copilot, Claude…

HTMLPicker selecciona cualquier elemento en una página web para extraer sus colores, CSS, fuentes, HTML y diseño. El análisis de estilo con IA ayuda a diseñadores y desarrolladores a entender y recrear cualquier diseño. 🔑 Características clave • Selector de elementos — Haz clic en cualquier elemento para ver sus colores (HEX/RGB/HSL), fuentes, estilos CSS, selector y código HTML • Análisis de diseño con IA — Usa tu propia clave API de IA para analizar estilos, generar prompts y detectar stack tecnológico • Paleta de página — Extracción en un clic del esquema de colores completo con análisis de frecuencia • Captura de pantalla — Área visible y capturas de desplazamiento de página completa • Exportación de diseño — Exporta colores, fuentes, espaciado como JSON, CSS, Markdown o pack de contexto IA • Modificación de estilos en vivo — Modifica colores y fuentes en tiempo real en cualquier página • Navegación DOM — Explora la jerarquía visual padre/hijo/hermano • Edición de página — Activa contenteditable para editar texto directamente • Temas oscuro y claro — Se adapta automáticamente al tema del sistema • UI dual — Popup para acceso rápido, barra lateral para espacio de trabajo detallado 🌐 Soporte multilingüe Disponible en 18 idiomas: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia 🔒 Privacidad ante todo HTMLPicker no recopila datos personales. Todo el procesamiento se realiza localmente en tu navegador. No requiere cuenta. Sin rastreo. La función de análisis IA opcional envía evidencia de diseño comprimida a tu propia clave API solo cuando la activas. 💡 Apoyar el desarrollo HTMLPicker es gratuito. Si te resulta útil, considera apoyar su desarrollo en htmlpicker.com/donate/