Công cụ lấy màu từ ảnh

Công cụ lấy màu từ ảnh này trả lời cho một câu hỏi đơn giản và thường gặp: pixel đó chính xác là màu gì? Tải lên hoặc kéo thả một bức ảnh, ảnh chụp màn hình hay bản xuất thiết kế, và công cụ sẽ vẽ nó lên canvas chính xác từng pixel. Di chuyển con trỏ, một kính lúp phóng đại sẽ bám theo, phóng to vùng 11×11 pixel bên dưới để bạn có thể nhắm chính xác; các giá trị dưới con trỏ được hiển thị trực tiếp. Một cú nhấp và màu hiện ra trong ba thẻ – HEX cho CSS, RGB cho mã nguồn, HSL để điều chỉnh độ sáng – mỗi thẻ có nút sao chép riêng.

Độ chính xác là mục đích cốt lõi của một bộ chọn màu như thế này. Trên văn bản khử răng cưa, dải màu chuyển sắc và các cạnh ảnh, những pixel liền kề khác biệt rõ rệt, và việc chọn bằng mắt từ bản xem trước thu nhỏ thường xuyên lấy nhầm sắc thái. Kính lúp hiển thị mỗi pixel vật lý như một ô vuông lớn với dấu chữ thập trên ô trung tâm, vì thế giá trị bạn sao chép chính là giá trị đúng của pixel bạn định chọn. Lịch sử tám lần chọn cuối được giữ lại dưới dạng các ô mẫu màu – bấm vào bất kỳ ô nào để sao chép lại màu đó.

Công cụ được xây dựng dựa trên canvas API của trình duyệt và chạy hoàn toàn trên thiết bị của bạn: ảnh không bao giờ bị tải lên, không có hàng đợi, không cần tài khoản, và ngay cả các bản nháp bảo mật hay tài liệu mật cũng an toàn để kiểm tra. Công cụ hoạt động với mọi định dạng ảnh mà trình duyệt có thể mở, bao gồm PNG, JPG, WebP, GIF và SVG.

Những trường hợp sử dụng điển hình: khôi phục màu thương hiệu từ logo khi bản hướng dẫn bị thất lạc, so khớp màu UI với ảnh chụp màn hình tham chiếu, kiểm tra màu thực tế mà một dải chuyển sắc hiển thị, hoặc lấy một ứng viên màu cho bảng màu từ một bức ảnh. Nếu sau đó bạn cần màu ở một ký hiệu khác – CMYK để in, hay các giá trị chuẩn hóa – công cụ chuyển đổi định dạng màu sẽ tiếp nối ngay từ chỗ ống nhỏ giọt dừng lại.