Cách sử dụng

Chọn một ảnh hoặc kéo thả vào ô.
Di chuyển con trỏ qua ảnh; kính lúp hiển thị các điểm ảnh xung quanh.
Nhấp hoặc chạm để chọn màu và sao chép dưới dạng HEX, RGB hoặc HSL.
Cuộn xuống để xem các màu chủ đạo, chọn số lượng bạn muốn rồi sao chép hoặc tải xuống dưới dạng biến CSS.

Cách hoạt động

Hình ảnh được vẽ lên canvas trong trình duyệt của bạn và màu của pixel chính xác dưới con trỏ được đọc từ đó. Kính lúp hiển thị vùng 11 × 11 pixel được phóng to, với pixel được chọn có viền. Những ảnh có cạnh lớn hơn 4096 pixel sẽ được thu nhỏ trước, vì vậy trên ảnh rất lớn, một pixel được chọn là trung bình của vài pixel gốc.

Các màu chủ đạo được tìm bằng phân cụm k-means: trước tiên các pixel được nhóm vào 32.768 nhóm màu nhỏ, sau đó các nhóm được gộp thành số màu bạn chọn, có trọng số theo số pixel mỗi nhóm chứa. Các điểm khởi tạo được chọn một cách xác định, nên cùng một ảnh luôn cho cùng một bảng màu.

Màu được đọc trong không gian sRGB mà trình duyệt dùng để hiển thị. Nếu ảnh có nhúng cấu hình màu dải rộng, giá trị có thể khác đôi chút so với phần mềm chỉnh sửa ảnh hiển thị. Trong các trình duyệt hỗ trợ (Chrome và Edge trên máy tính), nút Chọn từ màn hình dùng EyeDropper tích hợp để lấy màu từ bất kỳ đâu trên màn hình.

Ví dụ

Khớp màu thương hiệu

Tải lên ảnh chụp màn hình của logo, nhấp vào màu chính của logo và sao chép #1a73e8 hoặc rgb(26, 115, 232) vào CSS của bạn.

Bảng màu từ ảnh

Một bức ảnh bãi biển được chia thành 6 màu cho ra các tông màu cát, biển và trời, mỗi màu kèm tỉ lệ diện tích ảnh mà nó bao phủ, được sắp xếp từ lớn nhất đến nhỏ nhất.

Kiểm tra sắc độ

Phóng to bằng kính lúp để chọn đúng pixel của nét mảnh thay vì cạnh bị khử răng cưa bên cạnh.

Câu hỏi thường gặp

Tại sao màu sắc hơi khác so với trình chỉnh sửa ảnh của tôi?

Trình duyệt chuyển đổi ảnh sang sRGB để hiển thị. Ảnh có cấu hình dải màu rộng (Display P3, Adobe RGB) có thể hiển thị giá trị hơi khác trong phần mềm chỉnh sửa giữ cấu hình gốc.

Tại sao nút Chọn từ màn hình không hiển thị?

Tính năng này cần EyeDropper API, hiện chỉ một số trình duyệt hỗ trợ, gồm Chrome và Edge trên máy tính để bàn. Việc chọn màu từ ảnh đã tải lên hoạt động trên mọi trình duyệt.

Các màu chủ đạo được chọn như thế nào?

Bằng cách phân cụm k-means tất cả điểm ảnh, có trọng số theo tần suất xuất hiện của từng màu. Các chi tiết nhỏ nhưng rực rỡ có thể bị gộp vào màu gần đó; hãy tăng số lượng màu để tách chúng.

Ảnh có được tải lên không?

Không. Ảnh được trang này giải mã và phân tích trong trình duyệt của bạn và không bao giờ rời khỏi thiết bị.

Quyền riêng tư

Ảnh được xử lý hoàn toàn trong trình duyệt của bạn. Ảnh không được tải lên và các màu đã chọn không bị gửi đi hoặc lưu trữ.