Trích bảng màu từ ảnh

Bảng màu từ ảnh là gì?

Công cụ này tìm các màu chính của ảnh và hiển thị thành bảng màu, sắp theo diện tích mỗi màu chiếm trong ảnh. Chọn từ 2 đến 12 màu và sao chép dưới dạng mã HEX, biến CSS tùy biến hoặc JSON kèm giá trị RGB và phần trăm.

Cách sử dụng Bảng màu từ ảnh

1. Thả, chọn hoặc dán ảnh.
2. Chọn Số lượng màu.
3. Đọc thanh bảng màu và danh sách HEX, RGB, phần trăm của từng màu.
4. Sao chép một mã HEX, hoặc dùng Sao chép dạng biến CSS, Sao chép dạng JSON hay Sao chép danh sách HEX.

Ví dụ

Ảnh 40×20 chia thành các góc phần tư đỏ, xanh lá, xanh dương và trắng, 4 màu

#FF0000 25%, #00FF00 25%, #0000FF 25%, #FFFFFF 25%

Khi nào nên dùng Bảng màu từ ảnh

Dùng để xây dựng phối màu từ ảnh chụp hoặc tác phẩm, khớp giao diện website với ảnh banner, hoặc phân tích hình ảnh của một thương hiệu. Màu trung bình của cụm có thể hơi khác mọi điểm ảnh đơn lẻ; để đọc chính xác màu của một điểm ảnh, hãy dùng công cụ lấy màu từ ảnh.

Bảng màu từ ảnh hoạt động như thế nào

Ảnh được thu nhỏ xuống tối đa 256 px ở cạnh dài nhất và các điểm ảnh hoàn toàn trong suốt bị bỏ qua. Các điểm ảnh còn lại được nhóm bằng phân cụm k-means trong không gian RGB: các tâm ban đầu được chọn tất định (điểm ảnh gần màu trung bình nhất, rồi lần lượt điểm ảnh xa nhất so với mọi tâm đã chọn), và tối đa 12 vòng lặp gán lại điểm ảnh và dời mỗi tâm về trung bình của cụm. Mỗi màu trong bảng là trung bình của một cụm; phần trăm của nó là tỉ lệ điểm ảnh trong cụm đó.

Các Trường Hợp Sử Dụng Phổ Biến

• ✓ Tạo giao diện màu cho website từ ảnh header.
• ✓ Lấy màu thương hiệu từ logo hoặc ảnh sản phẩm.
• ✓ Tạo biến CSS cho mood board của design system.
• ✓ So sánh cân bằng màu giữa các ảnh khác nhau.

Câu Hỏi Thường Gặp

Bước tiếp theo nên làm

Khám phá thêm danh mục