Chuyển đến nội dung chính
EVOA Toolbox

Lấy bảng màu từ hình ảnh

Trích xuất các màu chủ đạo từ bất kỳ hình ảnh nào, sao chép mã hex, chọn chính xác từng điểm ảnh bằng ống hút màu và xuất bảng màu.

Được xử lý cục bộ trong trình duyệt. Tệp của bạn không được tải lên.

Đang tải công cụ…

Công cụ này làm gì

Thả vào một bức ảnh, ảnh chụp màn hình, logo hoặc hình minh họa và nhận các màu chủ đạo của nó cùng tỷ lệ diện tích ảnh mà mỗi màu chiếm. Ảnh được thu nhỏ còn khoảng 100 pixel ở cạnh dài nhất và được gom nhóm bằng thuật toán k-means xác định, nên cùng một ảnh luôn cho cùng một bảng màu. Các điểm ảnh trong suốt bị bỏ qua, vì vậy logo có nền trống được xử lý chính xác.

Nhấp vào một ô màu để sao chép mã hex. Nhấp vào bất kỳ đâu trên ảnh để chọn chính xác màu điểm ảnh tại vị trí đó, hoặc dùng ống hút màu gốc (có trên các trình duyệt nền Chromium) để chọn bất kỳ màu nào trên màn hình. Các màu đã chọn được thêm vào bản xuất cùng với các màu trích xuất.

Xuất dưới dạng biến CSS, đoạn mã Tailwind v3/v4, JSON hoặc dải ô màu PNG. Hình ảnh được giải mã cục bộ trên thiết bị của bạn và không bao giờ được tải lên.

Cách sử dụng

  1. 1Thêm một hình ảnh (PNG, JPG, WebP, GIF, AVIF hoặc SVG).
  2. 2Dùng thanh trượt để chọn số lượng màu chủ đạo cần trích xuất.
  3. 3Nhấp vào một ô màu để sao chép mã hex.
  4. 4Nhấp vào hình ảnh, hoặc dùng ống hút màu, để chọn các màu cụ thể.
  5. 5Xuất kết quả theo định dạng bạn cần.

Định dạng được hỗ trợ

Đầu vào: PNG, JPG, WebP, GIF (khung hình đầu tiên), AVIF và SVG. Đầu ra: CSS, Tailwind, JSON và PNG.

Quyền riêng tư

Công cụ này chạy trong trình duyệt của bạn. Dữ liệu bạn cung cấp được xử lý trên thiết bị và không được gửi đến máy chủ của chúng tôi.

Hạn chế

  • Màu chủ đạo là giá trị trung bình của các điểm ảnh tương tự, nên có thể không khớp chính xác với bất kỳ điểm ảnh nào. Hãy dùng ống hút màu để lấy giá trị chính xác.
  • Các màu nhấn rất nhỏ có thể bị gộp vào màu lớn lân cận khi bạn yêu cầu ít màu.
  • Ống hút màu gốc không có trên Firefox hoặc Safari; nhấp vào hình ảnh thì hoạt động ở mọi nơi.
  • Không áp dụng quản lý màu: các giá trị là theo cách trình duyệt giải mã (sRGB).

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

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

Các điểm ảnh được gom vào những nhóm màu tương tự rồi tinh chỉnh bằng phân cụm k-means. Kết quả là màu trung bình của mỗi cụm và tỷ lệ phần trăm điểm ảnh mà cụm đó đại diện.

Vì sao cùng một ảnh luôn cho cùng các màu?

Thuật toán dùng hạt giống (seed) cố định nên kết quả lặp lại được. Thay đổi số lượng màu sẽ làm thay đổi cách phân cụm.

Có dùng được với PNG trong suốt không?

Có. Các điểm ảnh hoàn toàn hoặc gần như trong suốt bị bỏ qua nên không xuất hiện thành màu đen hay trắng trong bảng màu.

Hình ảnh của tôi có bị tải lên không?

Không. Hình ảnh được giải mã và phân tích ngay trong trình duyệt của bạn.

Công cụ liên quan