Bảng màu từ ảnh

● Chạy trên thiết bị của bạn. Ảnh không bao giờ được tải lên.

Loading…

Rút ra các màu chủ đạo của một hình ảnh: logo, ảnh chụp, tranh vẽ hay ảnh chụp màn hình. Bảng màu được tìm bằng cách gom nhóm các điểm ảnh theo mức độ giống nhau khi nhìn, liệt kê từng màu kèm tỷ lệ của nó trong ảnh, và xuất ra dạng CSS custom properties, JSON hoặc văn bản thuần. Không có gì rời khỏi thiết bị của bạn.

Cách hoạt động

  1. Thả, dán hoặc chọn một ảnh.
  2. Chọn từ 5 đến 8 màu; bấm vào một ô màu để xem HEX, RGB, HSL và OKLCH.
  3. Tải bảng màu về dạng .css, .json hoặc .txt.

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

Tệp của tôi có bị tải lên máy chủ không?
Không. Mọi thứ đều diễn ra bên trong trình duyệt, trên chính thiết bị của bạn. Bạn có thể tự kiểm chứng: mở công cụ dành cho nhà phát triển (DevTools), theo dõi tab Network trong lúc công cụ chạy — bạn sẽ không thấy lượt tải lên nào. Huy hiệu bên cạnh tiêu đề trang đếm trực tiếp số byte mà trang này đã gửi đi.
Các màu được chọn như thế nào?
Một bản thu nhỏ của ảnh được chia thành các nhóm màu (median cut), rồi các nhóm được tinh chỉnh theo mức độ giống nhau của màu sắc dưới mắt người (k-means trong OKLab). Những sắc độ gần như trùng nhau được gộp lại, nên bạn nhận được các màu khác biệt rõ ràng, xếp theo mức độ mỗi màu bao phủ ảnh. Cùng một ảnh luôn cho ra cùng một bảng màu.
Vì sao tôi nhận được ít màu hơn số đã chọn?
Nếu ảnh chỉ có vài màu khác biệt rõ rệt, chẳng hạn một logo màu phẳng, bảng màu sẽ chỉ hiện những màu đó thay vì độn thêm các màu gần như trùng lặp. Vùng trong suốt được bỏ qua.

Công cụ liên quan