Công cụ chọn màu và trích xuất bảng màu từ ảnh

Công cụ chọn màu và trích xuất bảng màu từ ảnh là gì?

Công cụ chọn màu từ ảnh là một trình trích xuất bảng màu trực tuyến miễn phí, lấy các màu chủ đạo và màu trung bình từ bất kỳ ảnh nào ngay trong trình duyệt của bạn. Nhà thiết kế, lập trình viên front-end và bất kỳ ai đang xây dựng thương hiệu hay moodboard đều có thể kéo thả một bức ảnh, logo hoặc ảnh chụp màn hình và nhận được bảng màu HEX trong vài giây. Nó đọc các điểm ảnh của ảnh bằng getImageData của canvas HTML, lượng tử hóa chúng thành các nhóm màu và xếp hạng theo tần suất xuất hiện của mỗi màu, để những màu được dùng nhiều nhất nổi lên đầu. Bạn đặt kích thước bảng màu (bao nhiêu màu chủ đạo, từ 2 đến 12), và mỗi màu được hiển thị dưới dạng ô mẫu kèm giá trị HEX có thể sao chép, bên cạnh màu trung bình tổng thể của ảnh.

Cách sử dụng Công cụ chọn màu và trích xuất bảng màu từ ảnh

1. Kéo và thả một ảnh vào vùng thả, hoặc nhấp vào đó để chọn một tệp (PNG, JPEG, WebP hoặc bất kỳ ảnh nào khác mà trình duyệt của bạn có thể mở) từ thiết bị của bạn.
2. Đặt trường Kích thước bảng màu theo số màu chủ đạo bạn muốn, từ 2 đến 12.
3. Xem hàng Màu trung bình để có giá trị trung bình hòa trộn duy nhất của toàn bộ ảnh, hiển thị kèm giá trị HEX của nó.
4. Xem danh sách Màu chủ đạo, được sắp xếp từ màu phổ biến nhất xuống dưới, mỗi màu kèm ô mẫu và giá trị HEX của nó.
5. Nhấp vào nút sao chép bên cạnh bất kỳ màu nào để sao chép giá trị HEX đó vào bộ nhớ tạm của bạn.

Ví dụ

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

Tôi có thể dùng những định dạng ảnh nào?

Bất kỳ ảnh nào trình duyệt của bạn có thể mở (vùng thả chấp nhận image/*), bao gồm PNG, JPEG và WebP. Ảnh được vẽ lên một canvas HTML và các điểm ảnh của nó được đọc cục bộ để trích xuất màu.

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

Công cụ đọc các điểm ảnh của ảnh, nhóm các màu tương tự vào các nhóm và xếp hạng các nhóm theo số điểm ảnh rơi vào mỗi nhóm. Các nhóm hàng đầu trở thành màu chủ đạo của bạn, hiển thị theo thứ tự từ phổ biến nhất, mỗi màu là màu trung bình của nhóm đó.

Tôi có thể trích xuất bao nhiêu màu?

Bạn đặt Kích thước bảng màu trong khoảng từ 2 đến 12 màu chủ đạo. Màu trung bình tổng thể của toàn bộ ảnh luôn được hiển thị riêng, ngoài danh sách đó.

Tại sao màu có thể khác đôi chút so với ảnh gốc?

Để tăng tốc độ, ảnh lớn được thu nhỏ trước khi đọc và các màu tương tự được gộp lại, nên mỗi ô mẫu là màu trung bình của một nhóm thay vì một điểm ảnh chính xác. Kết quả là một bảng màu đại diện trung thực, không phải lấy mẫu màu theo từng điểm ảnh.

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

Không. Ảnh được xử lý 100% trong trình duyệt của bạn bằng canvas HTML. Nó không bao giờ được tải lên deftdeck hay bất kỳ máy chủ nào, nên công cụ hoạt động ngoại tuyến và giữ ảnh của bạn ở chế độ riêng tư.