Tự động bóc tách Font chữ chính (Body) & Font chữ phụ (Headings), quét bảng màu Brand/Nền/Chữ, đo độ tương phản chuẩn WCAG 2.1 (AA/AAA), hút màu EyeDropper, soi trực tiếp phần tử trên trang và xuất CSS Variables/Tailwind trong 1 giây.
Phiên bản nén ZIP cài đặt thẳng lên Google Chrome
Không cần mở DevTools phức tạp, không cần dùng 3-4 extension riêng lẻ để soi font hay lấy màu.
Thuật toán thông minh tự động quét toàn bộ cây DOM, phân tích tần suất ký tự và trọng số để tách biệt hoàn toàn Font chữ chính (Body / Nội dung) và Font chữ phụ (Headings / Tiêu đề H1-H6). Kèm theo danh sách đầy đủ Font Weights, cỡ chữ, khung gõ thử trực tiếp và liên kết 1-click đến Google Fonts!
Tự động phân nhóm thông minh: Màu chủ đạo & màu nhấn (Brand / Accent), Màu nền (Backgrounds), Màu chữ (Text colors) kèm tần suất sử dụng và hỗ trợ chuyển đổi nhanh HEX / RGB / HSL.
Tự động tính tỷ lệ tương phản giữa màu chữ và màu nền theo công thức Relative Luminance của W3C. Xếp hạng trực quan: AAA (Tuyệt vời ≥ 7:1), AA (Đạt chuẩn ≥ 4.5:1) hoặc cảnh báo chữ khó đọc.
Chỉ cần rê chuột trên website thực tế, khung viền highlight và tooltip thông minh sẽ hiển thị tức thì: Tên thẻ HTML, Font chữ, Cỡ & Trọng số, Mã màu kèm ô swatch. Click chuột là tự động copy trọn bộ CSS!
Trích xuất toàn bộ hệ thống token màu và typography sang biến chuẩn :root { ... }, tệp cấu hình tailwind.config.js hoặc tokens.json. Có nút tải thẳng file về máy chỉ trong 1 giây.
Được thiết kế tỉ mỉ bởi đội ngũ iTee.pro nhằm mang lại trải nghiệm soi giao diện nhanh nhất, đẹp nhất và chuyên nghiệp nhất.
Tích hợp API EyeDropper trực tiếp từ nhân Chromium, click hút màu pixel bất kỳ trên màn hình máy tính với độ chính xác tuyệt đối.
Native EyeDropper APIXử lý các chuỗi font phức tạp như Apple System, Segoe UI, Roboto để lọc ra tên font chính xác đang thực sự hiển thị trên màn hình.
Clean Font Family StackMỗi khi di chuột qua bất kỳ nút bấm hay tiêu đề nào, tỷ lệ tương phản chữ/nền sẽ được tính toán ngay tức thì.
WCAG 2.1 Luminance MetricNút tải file tokens.css, tailwind.config.js hoặc tokens.json thả thẳng vào source code dự án.
Khi bạn đang duyệt bất kỳ trang web nào, chỉ cần bấm phím tắt là tiện ích lập tức hoạt động mà không cần di chuột bấm vào icon.
Mở ngay bảng phân tích Font & Màu của website hiện tại
Bật chế độ rê chuột soi chi tiết từng phần tử ngay trên trang
Đóng khung soi và trả lại giao diện duyệt web thông thường
Chỉ mất chưa đầy 1 phút với 4 bước cài đặt chuẩn Developer Mode
Tải file ZIP từ link Google Drive. Dùng mật khẩu https://www.itee.pro/ để giải nén thành 1 thư mục.
Mở trình duyệt Google Chrome và truy cập đường dẫn: chrome://extensions/
Bật công tắc "Chế độ dành cho nhà phát triển" (Developer mode) ở góc trên bên phải.
Bấm nút "Tải tiện ích đã giải nén" (Load unpacked) ở góc trái và chọn thư mục vừa giải nén. Thế là xong!
Tải ngay tiện ích Color iTee hôm nay để soi nhanh mọi mã màu, font chữ chính phụ và độ tương phản của bất kỳ website nào chỉ trong 1 giây!