Trích Xuất Màu Từ Ảnh phân tích bất kỳ tệp hình ảnh nào (kéo thả, dán, hoặc nhấp để tải) và trả về tối đa 16 màu chủ đạo kèm tỷ lệ phần trăm. Sử dụng lấy mẫu pixel và lượng tử hóa theo nhóm ngay trong trình duyệt — không tải lên, không gửi về máy chủ. Nhấp vào bất kỳ ô màu nào để sao chép mã hex, hoặc Sao Chép Tất Cả để lấy trọn bảng màu.
Nhà thiết kế và lập trình viên thường xuyên cần trích xuất màu từ hình ảnh — lấy màu thương hiệu từ logo, xây dựng bảng màu từ ảnh chụp, hoặc khớp giao diện với ảnh tham chiếu. Trích Xuất Màu Từ Ảnh xử lý việc này hoàn toàn trong trình duyệt, không cần tải lên. Kéo thả, dán, hoặc nhấp để tải ảnh (PNG, JPG, SVG, WebP, GIF). Công cụ sẽ vẽ phiên bản thu nhỏ của ảnh lên canvas, lấy mẫu mỗi pixel thứ 4, gom chúng vào không gian màu rút gọn (5-bit mỗi kênh, khoảng 32K nhóm), tính trung bình giá trị RGB thực tế của từng nhóm, sau đó chọn ra N nhóm đông nhất trong khi gộp các màu gần trùng nhau (trong khoảng cách Manhattan 24 đơn vị RGB). Kết quả là một bảng màu gọn gàng, phản ánh đúng bố cục hình ảnh thực tế — chứ không chỉ là những màu khớp pixel chính xác nhất. Thanh trượt số lượng (3–16) cho phép bạn tùy chỉnh kích thước bảng màu theo nhu cầu. Mỗi ô màu hiển thị mã hex và tỷ lệ phần trăm pixel; nhấp để sao chép riêng lẻ, hoặc Sao Chép Tất Cả để lấy toàn bộ chỉ trong một lần.
Tải mọi định dạng ảnh phổ biến và tạo ra bảng màu chủ đạo trong chưa đầy một giây, kể cả với ảnh dung lượng lớn.
Mỗi màu trích xuất hiển thị tỷ lệ phần trăm diện tích ảnh — biết ngay màu nào là chủ đạo, màu nào chỉ là điểm nhấn.
Thanh trượt cho phép chọn từ 3–16 màu. Bảng màu nhỏ cho công việc thương hiệu; bảng lớn hơn cho ảnh tham chiếu.
Nhấp vào bất kỳ ô màu nào để sao chép mã hex. Hoặc Sao Chép Tất Cả để lấy toàn bộ bảng màu dưới dạng danh sách cách nhau bằng dòng mới.
Không tải lên, không gọi máy chủ, hình ảnh không hề rời khỏi máy của bạn. An toàn cho các bản dựng thử riêng tư, tài nguyên chưa công bố, hoặc tác phẩm nhạy cảm.
PNG, JPG, SVG, WebP, GIF, ICO — đều được hỗ trợ thông qua giải mã canvas tiêu chuẩn. Pixel trong suốt sẽ tự động được bỏ qua.
Thả logo vào, trích xuất chính xác các màu đang dùng, rồi sao chép vào biến CSS bộ nhận diện thương hiệu hoặc hệ thống thiết kế.
Đưa một bức ảnh phong cảnh vào công cụ để nhận bảng 5 màu thể hiện đúng tông cảm xúc — hữu ích cho định hướng nghệ thuật hoặc xây dựng chủ đề.
Chụp ảnh màn hình một giao diện tham chiếu, trích xuất bảng màu, rồi dùng các màu đó trong bản dựng thử của bạn để khớp cảm giác thị giác.
Khi khách hàng gửi một hình ảnh duy nhất làm định hướng thương hiệu, trích xuất 8-10 màu để đề xuất bảng màu khởi điểm bám sát ảnh tham chiếu.
Lấy hai màu chủ đạo nhất từ một hình ảnh để tạo gradient nền tôn lên tài nguyên ở lớp trước.
Nhấp vào biểu tượng Image Colors trên dock của DevSuite Pro. Một bảng điều khiển mở ra với vùng thả file và các thiết lập.
Kéo tệp vào, dán từ khay nhớ tạm (Ctrl+V), hoặc nhấp để mở trình chọn tệp. Công cụ sẽ tự động tải và lấy mẫu pixel.
Dùng thanh trượt để chọn số màu cần trích xuất (3–16). Bảng màu sẽ được trích xuất lại ngay khi bạn kéo.
Mỗi ô màu hiển thị mã hex và tỷ lệ phần trăm diện tích ảnh. Chú ý các màu chủ đạo — chúng sẽ có tỷ lệ phần trăm cao nhất.
Nhấp vào bất kỳ ô màu nào để sao chép mã hex, hoặc dùng Sao Chép Tất Cả để lấy toàn bộ bảng màu dưới dạng danh sách để dùng trong công cụ thiết kế hoặc CSS.
Cài đặt DevSuite Pro miễn phí và mở khóa hơn 64 công cụ dành cho nhà phát triển cho trình duyệt của bạn.
