Lấy màu từ hình ảnh
Di chuột để xem trước, nhấn để khóa một màu
Khi nào bạn cần chọn màu từ một hình ảnh?
Các nhà thiết kế khớp màu thương hiệu từ một logo mà không có quyền truy cập vào hướng dẫn phong cách gốc; các nhà phát triển trích xuất màu sắc chủ đạo từ ảnh để tạo chủ đề; giáo viên lấy màu từ tác phẩm nghệ thuật cho bài học. Ống hút màu đọc chính xác RGB của pixel dưới con trỏ và chuyển đổi sang hex (`#RRGGBB`) và HSL.
Ống hút màu tích hợp sẵn của trình duyệt (API `EyeDropper` của Chrome) chỉ hoạt động trên màn hình — không trên các tệp đã tải lên. Công cụ này lấp đầy khoảng trống đó bằng cách tải hình ảnh của bạn vào một canvas và cho phép bạn lấy mẫu bất kỳ pixel nào.
Các trường hợp sử dụng phổ biến
- Khớp màu thương hiệu từ ảnh chụp màn hình của trang web đối thủ.
- Trích xuất bảng màu từ một bức ảnh cho dự án thiết kế đồ họa.
- Tìm màu nền chính xác của một ảnh chụp giao diện người dùng để tái tạo nó.
- Lấy mẫu tông màu da từ một chân dung để chỉnh sửa hoặc tham khảo trang điểm.
Câu hỏi thường gặp
Tại sao màu sắc lại hơi khác so với bản gốc?
Hình ảnh lớn được thu nhỏ để vừa (tối đa 800px) trước khi lấy mẫu, vì vậy trên một hình ảnh lớn, giá trị được chọn đến từ bản xem trước đã được lấy mẫu, không phải pixel gốc chính xác. Các nguồn JPEG cũng thay đổi màu sắc một chút do nén.
Tôi có thể chọn từ một pixel trong suốt không?
Có — ống hút màu hiển thị RGBA. Một pixel hoàn toàn trong suốt vẫn có giá trị RGB cơ bản (thường là 0,0,0 hoặc nền canvas).
Ống hút màu có hoạt động trên GIF động không?
Nó lấy mẫu khung đầu tiên. Đối với các khung khác, chụp màn hình khoảnh khắc bạn muốn và tải lên ảnh chụp màn hình.
Hex và RGB có liên quan như thế nào?
Hex `#RRGGBB` là cùng một giá trị như RGB `(R, G, B)` được viết theo cơ số 16 thay vì cơ số 10. `#FF0000` và `rgb(255, 0, 0)` đều có nghĩa là màu đỏ thuần khiết.
Hình ảnh của tôi có bị tải lên không?
Không — hình ảnh được tải vào một canvas trình duyệt và vẫn ở đó. Không có cuộc gọi mạng.