Về công cụ này
Trích xuất bảng màu sẽ phân tích một hình ảnh và xác định màu chủ đạo hoặc màu đại diện. Kết quả là một tập hợp nhỏ các màu — thường là 5-8 — ghi lại đặc điểm hình ảnh của hình ảnh. Các nhà thiết kế sử dụng các bảng màu được trích xuất để phối hợp các yếu tố thiết kế khác (màu giao diện người dùng bổ sung cho hình ảnh anh hùng, bảng màu thương hiệu bắt nguồn từ nhiếp ảnh, cách phối màu phù hợp với hình ảnh tâm trạng).
Quá trình trích xuất sử dụng thuật toán phân cụm (k-mean hoặc tương tự) để nhóm tất cả các pixel của hình ảnh thành số cụm màu được yêu cầu. Trung tâm của mỗi cụm sẽ trở thành một bảng màu. Các cụm lớn nhất đại diện cho màu sắc chủ đạo; Thuật toán cũng có thể tính trọng số theo tầm quan trọng của hình ảnh (độ bão hòa, độ tương phản) thay vì số pixel thô để tạo ra các màu nhấn nổi bật trên bề mặt.
Công cụ này chạy trong trình duyệt của bạn bằng JavaScript. Hình ảnh được giải mã thành dữ liệu pixel, được lấy mẫu để giảm tính toán và phân cụm. Đầu ra là bảng màu có mã hex, giá trị RGB và các thanh tỷ lệ hiển thị mức độ phổ biến của từng màu trong ảnh.
Tại sao trích xuất bảng màu
Việc thiết kế các phần phối hợp với hình ảnh hiện có sẽ nhanh hơn nhiều khi sử dụng bảng màu được trích xuất so với việc chọn màu bằng mắt. Các nhà thiết kế web xây dựng trang đích xung quanh hình ảnh chính, nhà tiếp thị tạo nội dung phù hợp với ảnh sản phẩm chính và nhà thiết kế thương hiệu phân tích hình ảnh của đối thủ cạnh tranh đều được hưởng lợi từ việc trích xuất bảng màu thuật toán.
Bảng màu cũng hỗ trợ quản lý nội dung. Việc phân loại hình ảnh theo màu chủ đạo cho phép bạn xây dựng giao diện nơi người dùng duyệt ảnh, sản phẩm hoặc thiết kế theo màu sắc. Việc xây dựng một hệ thống như vậy đòi hỏi phải trích xuất các bảng màu một cách có hệ thống, điều này cho phép trích xuất theo chương trình.
Chi tiết kỹ thuật
Lặp lại phân cụm K-mean: gán từng pixel cho tâm cụm gần nhất, tính toán lại các tâm làm giá trị trung bình của các pixel được gán, lặp lại cho đến khi hội tụ. Chạy trên hình ảnh có độ phân giải đầy đủ rất chậm; việc lấy mẫu (lấy từng pixel thứ N) tăng tốc với mức giảm chất lượng tối thiểu.
Không gian màu sắc rất quan trọng. Phân cụm trong RGB tạo ra các bảng màu có trọng số theo khoảng cách RGB, không khớp với khoảng cách cảm nhận. Việc phân cụm trong LAB hoặc HSV tạo ra các bảng màu được căn chỉnh theo cảm nhận hơn — các màu trông giống nhau được nhóm lại với nhau một cách đáng tin cậy hơn.
Đầu ra: mã hex cho mỗi tâm cụm, cộng với phần trăm pixel hình ảnh trong mỗi cụm. Tỷ lệ phần trăm đại diện cho mức độ phổ biến về thị giác; cụm lớn nhất là màu chiếm ưu thế nhất.
Câu hỏi thường gặp
- Có bao nhiêu màu được trích xuất?
- Công cụ này thường trích xuất 5-8 màu chủ đạo, tùy thuộc vào độ phức tạp của hình ảnh. Những hình ảnh đơn giản với ít màu sắc sẽ tạo ra ít mẫu màu hơn và khác biệt hơn. Những bức ảnh phức tạp tạo ra phạm vi rộng hơn.
- Thuật toán trích xuất hoạt động như thế nào?
- Công cụ này sử dụng lượng tử hóa màu (cắt trung bình hoặc phân cụm k-mean) để nhóm các pixel tương tự và xác định các màu đại diện nhất. Điều này tạo ra màu sắc có ý nghĩa trực quan hơn là các giá trị pixel đơn phổ biến nhất.
- Tôi có thể sử dụng màu sắc chiết xuất cho thương hiệu của mình không?
- Đúng. Đây là một kỹ thuật phổ biến để lấy bảng màu thương hiệu từ bảng tâm trạng, ảnh chụp hoặc hình ảnh sản phẩm. Mã hex được trích xuất có thể được sử dụng trực tiếp trong CSS, công cụ thiết kế hoặc nguyên tắc thương hiệu.
- Tại sao màu được trích xuất không khớp chính xác với những gì tôi thấy?
- Trích xuất màu nhóm các pixel tương tự lại với nhau. Một dải chuyển màu trông giống như một màu đối với mắt có thể được tính trung bình thành một sắc thái hơi khác. Ngoài ra, việc hiệu chỉnh màn hình cũng ảnh hưởng đến cách màu sắc xuất hiện trên màn hình.
- Định dạng đầu ra là gì?
- Mã hex theo mặc định. Hầu hết các công cụ cũng xuất RGB, HSL và các giá trị không gian màu khác. Thuộc tính tùy chỉnh CSS hoặc đầu ra JSON rất hữu ích cho việc sử dụng theo chương trình.
- Hình ảnh của tôi có được tải lên máy chủ không?
- Không. Quá trình trích xuất diễn ra trong trình duyệt của bạn.
- Bảng màu có phù hợp với nhận diện thương hiệu không?
- Trích xuất thuật toán mang tính mô tả, không mang tính quy định. Đầu ra mô tả hình ảnh; thương hiệu có thể có bảng màu liên quan nhưng khác. Sử dụng trích xuất làm điểm bắt đầu, sau đó tinh chỉnh để căn chỉnh thương hiệu.
- Tôi có thể trích xuất từ video không?
- Chỉ trích xuất một khung hình bằng công cụ này. Để trích xuất bảng màu video, hãy lấy mẫu khung và trích xuất từ mỗi khung, sau đó tổng hợp.