Image Color Picker
Image Color Picker — chạy trên trình duyệt. Không lưu dữ liệu.
Lấy màu từ ảnh
Tải ảnh rồi nhấp một pixel để xem HEX và RGB.
Nhập giá trị, rồi nhấn Tính.
Cách sử dụng
- Trong Ảnh, chọn tệp để lấy mẫu. Xem trước vẽ trên canvas.
- Bấm pixel muốn lấy. Con trỏ chữ thập giúp nhắm.
- Ở kết quả, xem HEX, RGB, vị trí bấm (x, y) và mẫu màu.
- Cần thì Sao chép HEX đưa #rrggbb vào clipboard.
- Đặt lại xóa tệp và kết quả. Ảnh không gửi máy chủ.
Khái niệm chính
Lấy màu ảnh đọc một pixel tại tọa độ bấm qua getImageData. HEX là sáu chữ hex, RGB ba giá trị 0–255, vị trí là tọa độ pixel canvas. Xem trước có thể thu ngang tối đa 900px nên tọa độ có thể không 1:1 với gốc. Bấm trên màn được ánh xạ theo kích thước hiển thị. Tệp lỗi thì hiện không đọc được ảnh. Trước khi bấm, HEX trống và sao chép không làm gì. Hộp mẫu tô HEX đã chọn.
Chỉ cần bảng màu thì dùng chọn màu; chỉ đổi số RGB↔HEX thì dùng bộ chuyển; xóa nền đặc thì dùng trong suốt nền PNG. Công cụ này lấy màu thương hiệu từ ảnh và ảnh chụp màn. Tệp chỉ mở trong trình duyệt. CSS thì Sao chép HEX nhanh nhất. Canvas/shader cần RGB thì sao chép ô giữa. Tọa độ theo canvas thu nhỏ, có thể khác pixel gốc Photoshop.
Ví dụ
Tải PNG logo và bấm vùng xanh: HEX có thể #1a5cff, kèm RGB và tọa độ. Sao chép HEX vào biến CSS. Cùng ảnh dùng được ở công cụ trong suốt để bấm nền. JPEG nén làm mép nhòe nên bấm vài điểm gần để so. Lấy màu nút từ ảnh UI để khớp token thiết kế là cách dùng điển hình. Cùng họ xanh trên JPEG, HEX pixel kề có thể lệch 1–2.
Liên quan: Chọn màu · Chuyển RGB HEX · Trong suốt nền PNG
Câu hỏi thường gặp
Lấy màu ảnh dùng bấm pixel?
Đúng. Sau khi tải tệp, bấm một điểm trên xem trước. Chưa tải thì bấm không đổi màu. Đổi ảnh rồi HEX cũ có thể còn — bấm lại. Đặt lại chắc chắn nhất.
HEX, RGB và tọa độ hiện cùng lúc?
Có. Ba ô HEX, RGB, vị trí (x, y) cộng mẫu. Alpha (trong suốt) không hiện. Ô vị trí để gỡ lỗi, ví dụ ước vị trí icon trên sprite sheet.
Có nút Sao chép HEX không?
Có. HEX đã điền thì Sao chép HEX đưa vào clipboard. Chưa bấm thì không sao chép. Chỉ HEX. Chuỗi RGB thì kéo từ ô.
Khác chọn màu thế nào?
Chọn màu chọn màu bất kỳ và có thể hiện HSL. Màn này đọc màu thật của pixel ảnh và tọa độ. Cần HSL thì dán HEX đã sao vào ô HEX của chọn màu.
Ảnh có tải lên máy chủ không?
Không. Chỉ đọc trên canvas cục bộ. Đặt lại xóa xem trước. Gốc lớn vẫn giới hạn xem trước rộng 900, thường đủ lấy mẫu màu.
Tọa độ trên xem trước thu có chính xác không?
Bấm đổi kích thước trên màn thành pixel canvas. Ngang thu 900 thì tọa độ theo canvas đã thu. Bấm pixel trong suốt cho màu lưu không ghép nền. Alpha bị bỏ.
Cập nhật lần cuối: 2026-09-04