💧 Lấy Màu từ Ảnh
Tải ảnh lên và di chuyển con trỏ để đọc ngay mã màu HEX và RGB chính xác của từng pixel — tức thì, không cần tài khoản, không tải lên máy chủ, hoàn toàn miễn phí. Kính lúp 5× tích hợp giúp bạn xác định từng pixel riêng lẻ, và mỗi màu bạn nhấp đều được lưu vào lịch sử có thể duyệt lại.
Giới thiệu
Công cụ lấy màu từ ảnh chạy hoàn toàn trong trình duyệt web của bạn bằng HTML Canvas API. Khi bạn tải ảnh lên, ảnh được vẽ lên canvas cục bộ — tệp của bạn không bao giờ rời khỏi thiết bị. Công cụ đọc dữ liệu pixel thô ở độ phân giải đầy đủ nên giá trị HEX và RGB luôn chính xác, kể cả khi ảnh được thu nhỏ để vừa màn hình. Lưới kính lúp 5×5 pixel giúp bạn phóng to và phân biệt chính xác các màu liền kề. Nút Screen EyeDropper (có trên Chrome và Edge) mở rộng khả năng lấy màu ra toàn bộ màn hình. Tối đa 24 màu đã chọn gần đây được lưu cục bộ trong localStorage của trình duyệt, không mất sau khi tải lại trang và không cần tài khoản.
Cách sử dụng
- Kéo thả ảnh vào vùng tải lên hoặc nhấp vào 'Chọn ảnh' để mở tệp JPG, PNG, WebP, GIF hoặc BMP từ thiết bị của bạn.
- Di chuyển con trỏ qua bất kỳ vị trí nào trên ảnh — mẫu màu trực tiếp, mã HEX và giá trị RGB cập nhật theo thời gian thực khi bạn di chuyển.
- Xem lưới kính lúp 5× bên dưới ảnh để phóng to từng pixel riêng lẻ và xác định chính xác màu bạn cần.
- Nhấp vào ảnh để lưu màu vào lịch sử. Tối đa 24 mẫu màu được lưu — nhấp vào mẫu bất kỳ để sao chép mã HEX của nó.
- Dùng nút 'Sao chép' bên cạnh trường HEX và RGB để dán giá trị trực tiếp vào công cụ thiết kế hoặc trình soạn thảo mã của bạn.
Câu hỏi thường gặp
- Công cụ này có hoàn toàn miễn phí không?
- Có. Công cụ lấy màu từ ảnh hoàn toàn miễn phí 100%, không giới hạn sử dụng, không cần đăng ký và không có phí ẩn — hiện tại và mãi mãi.
- Ảnh của tôi có bị tải lên máy chủ không?
- Không bao giờ. Ảnh của bạn được xử lý hoàn toàn trong trình duyệt bằng HTML Canvas API. Không có gì được gửi lên máy chủ, vì vậy ảnh và tài nguyên thiết kế của bạn luôn được giữ bí mật hoàn toàn.
- Tôi có thể dùng công cụ này ngoại tuyến không?
- Có. Sau khi trang đã tải xong, công cụ hoạt động hoàn toàn không cần kết nối internet. Toàn bộ việc lấy mẫu màu diễn ra cục bộ trong trình duyệt, lý tưởng để dùng trên máy bay hoặc nơi kết nối kém.
- Công cụ xuất ra định dạng màu nào?
- Công cụ xuất HEX (ví dụ: #3a8fdf) và RGB (ví dụ: rgb(58, 143, 223)) cho mỗi pixel được lấy mẫu. Cả hai giá trị đều có nút sao chép một nhấp để dán nhanh vào CSS, Figma, Photoshop hoặc bất kỳ công cụ thiết kế nào.
- Những định dạng ảnh nào được hỗ trợ?
- JPG, PNG, WebP, GIF và BMP đều được hỗ trợ. Bạn có thể kéo thả tệp vào công cụ hoặc dùng hộp chọn tệp để mở.