CRX id
nehjikgeimnnhanmobkkfjlnnklgmneo
nehjikgeimnnhanmobkkfjlnnklgmneo
Description from extension meta
Lấy bất kỳ màu pixel nào từ bất kỳ trang web nào và sao chép mã HEX của nó ngay lập tức.
Image from store
Description from store
Độ chính xác của màu sắc là sợi chỉ khâu kết nối mọi giao diện đẹp, tài sản thương hiệu, bảng điều khiển dữ liệu trực quan và chiến dịch tiếp thị. Tuy nhiên, các nhà thiết kế và kỹ sư front-end vẫn lãng phí vô số phút nheo mắt nhìn vào mã hex trong các công cụ phát triển hoặc chụp ảnh màn hình một trang chỉ để lấy mẫu trong Photoshop. Eye Drop Tool—một tiện ích mở rộng trình duyệt nhẹ được xây dựng trên Manifest V3—biến sự ma sát đó thành một cử chỉ duy nhất, thanh lịch: nhấp vào biểu tượng thanh công cụ, chọn bất kỳ pixel nào trong chế độ xem và giá trị #RRGGBB chính xác sẽ được sao chép vào bảng tạm của bạn. Một lời chúc nhẹ nhàng xác nhận hành động và bạn có thể quay lại làm việc ngay trước khi luồng của bạn bị gián đoạn.
Tại sao phần mở rộng này quan trọng
Các công cụ chọn màu gốc của trình duyệt đã tồn tại trong nhiều năm, nhưng hầu hết đều bị chôn sâu trong trình kiểm tra, giới hạn ở các thành phần trong DOM hoặc được bảo vệ sau các menu phụ nhấp chuột phải. Eye Drop Tool có cùng sức mạnh trong một nút luôn hiện diện, hoạt động trên mọi thứ mà màn hình của bạn hiển thị—hình ảnh, canvas, khung video, SVG, thậm chí cả plugin của bên thứ ba.
Điểm nổi bật của tính năng
Kích hoạt bằng một cú nhấp chuột – Không có cửa sổ bật lên hoặc bảng cài đặt. Một công cụ dịch vụ nền sẽ ngay lập tức đưa tập lệnh nội dung của bộ chọn vào, giữ cho bộ nhớ gần như bằng không khi nhàn rỗi.
Lấy mẫu pixel phổ quát – Vì tiện ích mở rộng này chụp bộ đệm màn hình thay vì cây DOM nên nó hoạt động trên các cảnh WebGL được hiển thị động, trò chơi và video phát trực tuyến cũng tốt như HTML tĩnh.
Sao chép bảng tạm tức thì – Chuỗi HEX được ghi tự động vào bảng tạm; bạn có thể dán trực tiếp vào Figma, VS Code hoặc Slack mà không cần hộp thoại trung gian.
Thông báo xác nhận trực quan – Một tương tác nhỏ ở góc trang (“#ffcc33 đã sao chép!”) đảm bảo với bạn rằng hành động đã thành công và biến mất sau 1,5 giây.
Lợi ích của người dùng
Tiết kiệm thời gian – Loại bỏ sự vòng vo vào các công cụ phát triển hoặc ứng dụng bên ngoài. Trong suốt quá trình thiết kế sprint, những giây đó sẽ tích lũy thành giờ.
Giảm tải nhận thức – Duy trì cùng một bối cảnh tinh thần giúp duy trì dòng chảy sáng tạo; bạn không phải xoay xở nhiều việc hoặc chuyển đổi trọng tâm.
Tính nhất quán hoàn hảo đến từng pixel – Nhanh chóng xác minh xem mã sản xuất có khớp với hướng dẫn về phong cách thương hiệu hay bản phác thảo tiếp thị có tuân thủ tỷ lệ tương phản về khả năng truy cập hay không.
Ngăn ngừa lỗi – Việc nhập mã hex theo cách thủ công có thể gây ra lỗi đánh máy; sao chép vào bảng tạm sẽ loại bỏ rủi ro đó, giúp các cam kết sạch hơn và ít báo cáo lỗi hơn.
Nhóm người dùng mục tiêu
Nhà thiết kế UI/UX
Lấy mẫu màu nhanh chóng từ các nguyên mẫu trực tiếp để tái sử dụng trong các hệ thống thiết kế
Tinh chỉnh sắc thái trong phiên đánh giá Figma
Nhà phát triển Front-End
Xác thực rằng các biến CSS hiển thị chính xác ở các trạng thái khác nhau
Di chuột qua một nút trong quá trình dàn dựng và lấy màu đang hoạt động của nó
Kỹ sư QA
Xác nhận tỷ lệ tương phản WCAG và sự tuân thủ thương hiệu
Trong quá trình thử nghiệm hồi quy, hãy so sánh bản dựng sản xuất với thông số kỹ thuật
Nhà tiếp thị kỹ thuật số và người sáng tạo nội dung
Phù hợp đồ họa tùy chỉnh với bảng màu trang web
Kéo biểu ngữ anh hùng màu xanh lam để có ô xã hội vào phút cuối