Cơ chế hoạt động và định dạng hỗ trợ
Công cụ lấy màu từ ảnh cho phép người dùng tải một tệp hình ảnh từ thiết bị cá nhân, sau đó di chuyển con trỏ để trích xuất giá trị màu sắc của từng điểm ảnh đơn lẻ. Để hỗ trợ việc chọn lựa chính xác, một kính lúp tích hợp sẽ phóng to khu vực xung quanh con trỏ. Khi một điểm ảnh được chọn, hệ thống sẽ hiển thị đồng thời các giá trị màu sắc theo ba mô hình phổ biến: HEX, RGB và HSL. Người dùng có thể lưu trữ các màu đã chọn vào danh sách lịch sử và sao chép trực tiếp các mã màu này để sử dụng cho các mục đích khác.
Công cụ hỗ trợ xử lý một tệp hình ảnh duy nhất với các định dạng và loại MIME sau:
- PNG (
image/png) - JPG / JPEG (
image/jpeg) - WebP (
image/webp) - GIF (
image/gif) - AVIF (
image/avif) - HEIC / HEIF (
image/heic,image/heif)
Nếu người dùng cố gắng tải lên một định dạng không nằm trong danh sách này, hệ thống sẽ hiển thị thông báo lỗi: "Loại tệp đó không được hỗ trợ. Vui lòng thử hình ảnh PNG, JPG, WebP, GIF, AVIF hoặc HEIC.". Trong trường hợp tệp tin bị lỗi cấu trúc vật lý hoặc không thể giải mã, thông báo "Không thể mở hình ảnh đó. Ảnh có thể bị hỏng hoặc ở định dạng không được hỗ trợ." sẽ xuất hiện. Đối với các hình ảnh có kích thước lớn, nếu cạnh dài nhất vượt quá 4096 pixel, hệ thống sẽ tự động thu nhỏ hình ảnh để tối ưu hóa hiệu năng xử lý.
Quy trình xử lý và điều khiển điểm ảnh
Ngay khi hình ảnh được tải vào trình duyệt thành công, công cụ sẽ tự động xác định, hiển thị tọa độ và các giá trị màu sắc của điểm ảnh nằm chính giữa hình ảnh. Người dùng có thể tương tác bằng hai phương thức:
- Sử dụng chuột hoặc bàn di cảm ứng: Di chuyển con trỏ trực tiếp trên bề mặt hình ảnh để lấy mẫu màu liên tục theo từng pixel. Nhấp chuột vào một điểm bất kỳ để lưu màu sắc đó vào danh sách cá nhân.
- Sử dụng bàn phím: Người dùng có thể di chuyển một hồng tâm trên hình ảnh bằng các phím mũi tên để lấy mẫu màu. Để tăng tốc độ di chuyển, nhấn giữ phím Shift kết hợp với các phím mũi tên sẽ dịch chuyển hồng tâm đi 10 pixel mỗi lần nhấn. Nhấn phím Enter hoặc Space để lưu lại màu sắc đang được lấy mẫu.
Khi một màu được lưu thành công, hệ thống hiển thị thông báo "Đã lưu {hex} vào danh sách màu của bạn.". Danh sách lịch sử lưu trữ tối đa 12 mục màu. Các màu sắc có cùng giá trị RGB nhưng khác biệt về độ trong suốt (alpha) vẫn được lưu thành các mục riêng biệt trong lịch sử. Khi nhấp vào nút "Bắt đầu lại", toàn bộ hình ảnh hiện tại sẽ bị xóa, danh sách lịch sử màu bị làm trống và công cụ quay trở về trạng thái ban đầu.
Các mô hình màu và độ chính xác của điểm ảnh
Công cụ cung cấp thông tin chi tiết về điểm ảnh thông qua ba mô hình màu tiêu chuẩn:
- HEX: Mã màu thập lục phân, thường dùng trong thiết kế web và CSS.
- RGB: Mô hình màu cộng dựa trên ba kênh Đỏ (Red), Xanh lá (Green), và Xanh dương (Blue).
- HSL: Mô hình biểu diễn màu sắc dựa trên ba thông số Sắc độ (Hue), Độ bão hòa (Saturation), và Độ sáng (Lightness).
Khi phân tích điểm ảnh, công cụ sẽ đọc và hiển thị giá trị gốc được lưu trữ trong tệp tin. Tuy nhiên, người dùng cần lưu ý các yếu tố kỹ thuật có thể làm thay đổi màu sắc thực tế so với cảm nhận trực quan:
- Nén ảnh: Các định dạng nén mất dữ liệu như JPEG thường làm thay đổi nhẹ giá trị màu của các điểm ảnh lân cận do thuật toán nén khối.
- Khử răng cưa (Anti-aliasing): Quá trình làm mịn biên của các phần mềm đồ họa tạo ra các điểm ảnh trung gian pha trộn, khiến màu sắc tại rìa đối tượng không còn giữ nguyên bản.
- Kênh trong suốt (Alpha): Nếu điểm ảnh có độ trong suốt một phần, hệ thống sẽ hiển thị thông báo "Alpha
{n}% — điểm ảnh này có độ trong suốt một phần.". Công cụ sẽ đọc giá trị màu của chính điểm ảnh đó một cách độc lập, hoàn toàn không tính đến màu sắc của nền hiển thị phía sau nó.
Để sao chép bất kỳ giá trị HEX, RGB hoặc HSL nào, người dùng chỉ cần nhấp chuột vào chuỗi ký tự tương ứng. Nếu trình duyệt chặn quyền truy cập hệ thống, thông báo "Không thể sao chép — trình duyệt của bạn đã chặn quyền truy cập khay nhớ tạm." sẽ hiển thị.
Bảo mật dữ liệu và môi trường xử lý
Mọi thao tác phân tích hình ảnh và trích xuất màu sắc được thực hiện trực tiếp bên trong trình duyệt web của người dùng. Hình ảnh được chọn từ thiết bị sẽ được nạp vào bộ nhớ cục bộ của trình duyệt để xử lý, hoàn toàn không có bất kỳ dữ liệu hình ảnh hay thông tin pixel nào được tải lên máy chủ BroBroGo.
Câu hỏi thường gặp
Làm cách nào để chọn màu từ hình ảnh?
Di chuyển con trỏ qua hình ảnh và bảng điều khiển sẽ hiển thị màu bên dưới nó, cùng với kính lúp phóng to để bạn có thể chọn chính xác điểm ảnh mong muốn. Nhấp để lưu màu đó vào danh sách đã chọn. Bạn cũng có thể nhấp vào hình ảnh và di chuyển hồng tâm bằng các phím mũi tên, sau đó nhấn Enter.
Tôi có thể nhận được những định dạng màu nào?
Mỗi điểm ảnh bạn lấy mẫu sẽ được hiển thị đồng thời dưới dạng HEX, RGB và HSL. Nhấp vào bất kỳ giá trị nào để sao chép, sẵn sàng dán vào CSS hoặc công cụ thiết kế.
Tại sao màu được chọn không phải lúc nào cũng khớp với màu tôi mong đợi?
Bạn sẽ nhận được giá trị điểm ảnh chính xác được lưu trữ trong hình ảnh. Nếu đó là ảnh JPEG hoặc ảnh chụp màn hình, quá trình nén và khử răng cưa có thể đã làm thay đổi nhẹ các điểm ảnh lân cận, và một điểm ảnh bán trong suốt sẽ được đọc độc lập, không bao gồm những gì nằm phía sau nó.
Số lượng màu tối đa tôi có thể lưu trong danh sách lịch sử là bao nhiêu?
Danh sách lịch sử của công cụ có thể lưu trữ tối đa 12 mục màu khác nhau. Bạn có thể xóa toàn bộ danh sách này bằng cách nhấp vào nút "Bắt đầu lại".