Trình trích xuất bảng màu

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

Công cụ này đọc một bức ảnh, lấy mẫu vài nghìn pixel và phân nhóm chúng thành 3–10 bucket màu chủ đạo bằng thuật toán median-cut được tự viết. Kết quả là một tập nhỏ các màu hex đại diện mà bạn có thể dùng làm seed cho design system, cơ sở cho moodboard, hoặc cách nhanh để rút màu thương hiệu từ logo người khác. Tất cả chạy trong trình duyệt; ảnh không bao giờ được upload.

Khi nào nên dùng

• Rút các màu chủ đạo từ logo thương hiệu để xây theme phù hợp.
• Seed một cấu hình Tailwind hoặc khối CSS custom-properties từ ảnh hero.
• Xây palette moodboard từ một bức ảnh hoặc tác phẩm nghệ thuật.
• Kiểm tra rằng ảnh hero của design và màu accent của trang khớp với nhau.

Cách median-cut hoạt động

1. Giảm mẫu ảnh để số pixel còn quản lý được.
2. Tìm trục dài nhất của đám mây pixel (khoảng R, G hoặc B).
3. Sắp xếp theo trục đó, chia ở trung vị.
4. Đệ quy vào mỗi nửa cho đến khi đạt số bucket yêu cầu.
5. Trả về màu trung bình của mỗi bucket.

Lưu ý thường gặp

• Vùng trong suốt bị bỏ qua. Pixel có alpha < 50% không đóng góp vào palette — hữu ích cho logo trên nền trong suốt.
• Ảnh có một màu chủ đạo (ví dụ bãi biển với nhiều trời xanh) sẽ cho bạn vài tông màu của màu đó thay vì palette đa dạng. Crop về vùng nhiều màu hơn nếu muốn dải rộng.
• Median-cut nhanh nhưng không hoàn hảo về tri giác. Để có chất lượng lý thuyết màu (bổ sung, tương đồng), bạn vẫn cần designer — thuật toán chỉ chọn cái phổ biến nhất, không phải đẹp nhất.
• Slider đếm bucket, không phải màu "quan trọng". Yêu cầu 10 từ logo 2 màu vẫn cho 10 — chúng sẽ là gần-trùng-lặp.