Về dự án này

Tải một hình ảnh lên, chọn số màu bạn muốn, và công cụ sẽ tự động vẽ đường viền các vùng, đánh số và tạo tệp SVG sạch sẽ sẵn sàng để in. Đây là cách miễn phí và nhanh chóng để tự làm bộ kit tranh tô màu theo số DIY tùy chỉnh từ chính những bức ảnh của bạn.

Dự án này lấy cảm hứng từ mã nguồn mở PBNCanvas và được xây dựng lại bằng các công nghệ web hiện đại — JavaScript thuần, HTML canvas API và SVG — nhằm mang lại trải nghiệm nhanh chóng, trực quan và hoàn toàn phía máy khách, không phụ thuộc thư viện ngoài, không theo dõi ảnh của bạn và không xử lý trên máy chủ.

Cách hoạt động

1. Màu sắc được lượng tử hóa về kích thước bảng màu bạn chọn bằng thuật toán rút gọn màu median-cut, với khớp màu theo cảm nhận thị giác trong không gian màu CIELAB.
2. Các vùng liền kề (facet) được phát hiện bằng flood fill, và các vùng nhỏ được gộp vào vùng lân cận để dễ đọc.
3. Đường viền vector mượt mà được dựng lên, và nhãn số được đặt tại điểm rộng nhất bên trong mỗi vùng.
4. Tệp SVG cuối cùng có thể tải xuống hoặc in ở bất kỳ kích thước nào — kèm màu tô, đường viền, nhãn và bảng tham chiếu màu tùy chọn.

Công nghệ tóm tắt

• Lượng tử hóa median-cut — rút gọn hàng triệu màu xuống bảng màu đại diện gồm 4–48 màu.
• Khoảng cách màu CIELAB — khớp pixel với màu bảng theo đúng cách mắt người cảm nhận sự khác biệt màu sắc.
• Phát hiện vùng flood-fill — nhóm các pixel cùng màu thành các facet có thể tô.

Mọi thứ chạy cục bộ trong trình duyệt của bạn — ảnh của bạn không bao giờ được tải lên máy chủ. Để tìm hiểu thêm, hãy đọc Chính sách quyền riêng tư của chúng tôi.