Chưa chọn màu nào
Xem trước ảnh
Thả ảnh vào đây
hoặc nhấp để chọn
JPG | PNG | WebP | GIF
#000000
Di chuột để xem trước màu · Nhấp để chọn và lưu vào lịch sử
Màu hiện tại
HEX
—
RGB
—
HSL
—
Lịch sử màu (tối đa 12)
lấy màu ảnh là gì?
lấy màu ảnh cho phép bạn di chuột qua bất kỳ phần nào của ảnh và ngay lập tức xem màu chính xác tại pixel đó. Nhấp để khóa màu và sao chép dưới dạng HEX, RGB hoặc HSL. Bảng lịch sử màu lưu tối đa 12 màu đã chọn để dễ tham chiếu — hữu ích cho nhà thiết kế, nhà phát triển và bất kỳ ai cần khớp màu từ ảnh hoặc ảnh chụp màn hình.
Cách sử dụng lấy màu ảnh
- Tải lên bất kỳ ảnh nào bằng cách nhấp vào vùng thả hoặc kéo tệp vào đó.
- Di chuyển chuột trên ảnh để xem bản xem trước màu trực tiếp trong nhãn nổi và bảng bên.
- Nhấp vào bất kỳ đâu trên ảnh để chọn màu đó và lưu vào lịch sử.
- Dùng nút Copy để sao chép giá trị HEX, RGB hoặc HSL vào clipboard.
- Nhấp vào bất kỳ mẫu màu nào trong bảng lịch sử để khôi phục màu đó về màn hình chính.
Tìm hiểu Trích xuất màu ▾
Ví dụ
Đầu vào
Tải lên ảnh chụp màn hình thương hiệu và rê chuột lên màu logo
Đầu ra
#1A73E8 · rgb(26, 115, 232) · hsl(217, 80%, 51%) —sẵn sàng để sao chép
Các trường hợp sử dụng phổ biến
- Xác định chính xác màu thương hiệu từ logo hoặc ảnh chụp màn hình
- Khớp màu nền từ ảnh cho thiết kế UI
- Trích xuất giá trị màu CSS từ mockup thiết kế
- Tạo bảng màu thu nhỏ bằng cách nhấp vào nhiều màu và dùng bảng lịch sử
Vì sao nên dùng công cụ này
- Trích xuất màu chính xác đến từng pixel bằng Canvas getImageData —không làm tròn.
- Ba định dạng đầu ra (HEX, RGB, HSL), mỗi định dạng có thể sao chép bằng một cú nhấp.
- Chạy hoàn toàn trong trình duyệt của bạn —hình ảnh không bao giờ rời khỏi thiết bị.
Câu hỏi thường gặp
Ảnh của tôi có bị tải lên máy chủ không?
Không. Mọi quá trình xử lý diễn ra hoàn toàn trong trình duyệt của bạn bằng HTML5 Canvas API. Hình ảnh của bạn không bao giờ rời khỏi thiết bị.
Giá trị màu được trích xuất chính xác đến mức nào?
Các giá trị chính xác đến từng pixel — công cụ đọc giá trị RGBA chính xác của pixel dưới con trỏ bằng API Canvas getImageData, sau đó chuyển đổi sang HEX, RGB và HSL theo thuật toán.
Công cụ này khác gì so với trình trích xuất bảng màu?
Trình trích xuất bảng màu tự động lấy mẫu các màu chủ đạo từ ảnh. Công cụ này cho phép bạn tự nhấp vào bất kỳ pixel cụ thể nào để lấy màu chính xác của nó, giúp bạn kiểm soát chính xác màu muốn trích xuất.
Nút sao chép dùng định dạng nào?
Mỗi định dạng được sao chép dưới dạng chuỗi sẵn sàng sử dụng: HEX sao chép thành #RRGGBB, RGB sao chép thành rgb(R, G, B), và HSL sao chép thành hsl(H, S%, L%).