HTMLPicker bởi ExileCode
Chọn bất kỳ phần tử nào để trích xuất CSS, màu sắc và phông chữ. Tạo prompt triển khai AI cho Cursor, Copilot, Claude Code và Codex.
Siêu dữ liệu mở rộng
Ảnh chụp màn hình
Về tiện ích mở rộng này
HTMLPicker chọn bất kỳ phần tử nào trên trang web để trích xuất màu sắc, CSS, phông chữ, HTML và thiết kế. Phân tích phong cách bằng AI giúp nhà thiết kế và nhà phát triển hiểu và tái tạo bất kỳ thiết kế nào.
🔑 Tính năng chính
• Trình chọn phần tử — Nhấp vào bất kỳ phần tử để xem màu sắc (HEX/RGB/HSL), phông chữ, kiểu CSS, bộ chọn và mã HTML
• Phân tích thiết kế AI — Sử dụng khóa API AI của riêng bạn để phân tích phong cách, tạo prompts và phát hiện ngăn xếp công nghệ
• Bảng màu trang — Trích xuất toàn bộ sơ đồ màu chỉ bằng một cú nhấp với phân tích tần suất
• Chụp màn hình — Vùng hiển thị và chụp màn hình cuộn toàn trang
• Xuất thiết kế — Xuất màu sắc, phông chữ, khoảng cách dưới dạng JSON, CSS, Markdown hoặc gói ngữ cảnh AI
• Sửa đổi kiểu trực tiếp — Sửa đổi màu sắc và phông chữ theo thời gian thực trên bất kỳ trang nào
• Điều hướng DOM — Duyệt phân cấp trực quan của phần tử cha/con/anh em
• Chỉnh sửa trang — Bật contenteditable để chỉnh sửa văn bản trang trực tiếp
• Chủ đề tối và sáng — Tự động thích ứng với chủ đề hệ thống
• UI kép — Popup cho truy cập nhanh, thanh bên cho không gian làm việc chi tiết
🌐 Hỗ trợ đa ngôn ngữ
Có sẵn trong 18 ngôn ngữ: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Quyền riêng tư hàng đầu
HTMLPicker không thu thập dữ liệu cá nhân. Mọi xử lý đều diễn ra cục bộ trên trình duyệt của bạn. Không cần tài khoản. Không theo dõi. Tính năng phân tích AI tùy chọn gửi dữ liệu thiết kế đã nén đến khóa API của riêng bạn chỉ khi bạn kích hoạt.
💡 Hỗ trợ phát triển
HTMLPicker miễn phí sử dụng. Nếu bạn thấy hữu ích, hãy cân nhắc hỗ trợ phát triển tại htmlpicker.com/donate/
🔑 Tính năng chính
• Trình chọn phần tử — Nhấp vào bất kỳ phần tử để xem màu sắc (HEX/RGB/HSL), phông chữ, kiểu CSS, bộ chọn và mã HTML
• Phân tích thiết kế AI — Sử dụng khóa API AI của riêng bạn để phân tích phong cách, tạo prompts và phát hiện ngăn xếp công nghệ
• Bảng màu trang — Trích xuất toàn bộ sơ đồ màu chỉ bằng một cú nhấp với phân tích tần suất
• Chụp màn hình — Vùng hiển thị và chụp màn hình cuộn toàn trang
• Xuất thiết kế — Xuất màu sắc, phông chữ, khoảng cách dưới dạng JSON, CSS, Markdown hoặc gói ngữ cảnh AI
• Sửa đổi kiểu trực tiếp — Sửa đổi màu sắc và phông chữ theo thời gian thực trên bất kỳ trang nào
• Điều hướng DOM — Duyệt phân cấp trực quan của phần tử cha/con/anh em
• Chỉnh sửa trang — Bật contenteditable để chỉnh sửa văn bản trang trực tiếp
• Chủ đề tối và sáng — Tự động thích ứng với chủ đề hệ thống
• UI kép — Popup cho truy cập nhanh, thanh bên cho không gian làm việc chi tiết
🌐 Hỗ trợ đa ngôn ngữ
Có sẵn trong 18 ngôn ngữ: English, 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Italiano, Русский, Nederlands, Polski, Türkçe, العربية, ไทย, Tiếng Việt, Bahasa Indonesia
🔒 Quyền riêng tư hàng đầu
HTMLPicker không thu thập dữ liệu cá nhân. Mọi xử lý đều diễn ra cục bộ trên trình duyệt của bạn. Không cần tài khoản. Không theo dõi. Tính năng phân tích AI tùy chọn gửi dữ liệu thiết kế đã nén đến khóa API của riêng bạn chỉ khi bạn kích hoạt.
💡 Hỗ trợ phát triển
HTMLPicker miễn phí sử dụng. Nếu bạn thấy hữu ích, hãy cân nhắc hỗ trợ phát triển tại htmlpicker.com/donate/
Được xếp hạng 0 (bởi 1 người dùng)
Quyền hạn và dữ liệu
Quyền hạn bắt buộc:
- Truy cập dữ liệu của bạn trên mọi trang web
Quyền hạn tùy chọn:
- Truy cập dữ liệu của bạn trên mọi trang web
Thu thập dữ liệu:
- Nhà phát triển cho biết tiện ích mở rộng này không yêu cầu thu thập dữ liệu.
Thêm thông tin
- Liên kết tiện ích
- Phiên bản
- 1.0.0
- Kích cỡ
- 425,51 KB
- Cập nhật gần nhất
- 5 ngày trước (23 Thg 05 2026)
- Thể loại có liên quan
- Giấy phép
- Mọi Quyền Được Bảo Lưu
- Chính sách riêng tư
- Đọc chính sách riêng tư của tiện ích này
- Lịch sử các phiên bản
- Thêm vào bộ sưu tập
Nhà phát triển của tiện ích mở rộng này yêu cầu bạn giúp hỗ trợ sự phát triển liên tục của nó bằng cách đóng góp nhỏ.