Command Palette

Search for a command to run...

Trích xuất màu từ Hình ảnh

Phân tích và trích xuất bảng màu chính xác từ bất kỳ hình ảnh nào — hỗ trợ HEX, RGB, HSL, công cụ lấy màu (eyedropper), dán ảnh từ clipboard và xuất CSS/JSON/PNG. Hoàn toàn miễn phí, riêng tư và chạy ngay trên trình duyệt.
Tùy chọn công cụ
Tùy chỉnh cài đặt trích xuất màu
10
Tải lên hình ảnh

Kéo & thả, dán (Ctrl+V) hoặc nhấp để chọn hình ảnh

Màu đã trích xuất
Chưa trích xuất màu nào

Trích xuất màu từ Hình ảnh - Công cụ phân tích bảng màu miễn phí

Bạn cần lấy nhanh bảng màu từ một tấm ảnh thương hiệu, ảnh moodboard hay ảnh sản phẩm? Công cụ Trích xuất màu của chúng tôi phân tích toàn bộ ảnh ngay trên trình duyệt bằng Canvas API và trả về các màu nổi bật nhất chỉ trong vài giây — không tải lên server, đảm bảo 100% riêng tư. Chỉ cần kéo thả hoặc dán ảnh, bạn sẽ có ngay bảng màu kèm phần trăm tần suất. Dùng công cụ lấy màu (eyedropper) để chọn chính xác màu tại bất kỳ điểm nào, sắp xếp theo tần suất / sắc độ / độ sáng, chuyển đổi giữa HEX, RGB, HSL và xuất ra TXT, CSS Variables, JSON hoặc ảnh PNG bảng màu.

Hướng dẫn sử dụng

1
Tải ảnh lên

Kéo & thả ảnh vào vùng upload, dán trực tiếp từ clipboard bằng Ctrl+V, hoặc nhấp để chọn file. Hỗ trợ JPG, PNG (kèm alpha), WebP, GIF, BMP, TIFF.

2
Tự động phân tích

Công cụ tự động thu nhỏ ảnh lớn rồi lấy mẫu pixel và nhóm các màu tương tự bằng thuật toán quantization — cho ra bảng màu gọn gàng, đại diện nhất kèm phần trăm tần suất xuất hiện.

3
Tinh chỉnh & lấy màu

Kéo thanh trượt để đổi số màu (5–30) ngay tức thì, chọn định dạng HEX/RGB/HSL, sắp xếp theo tần suất, sắc độ hoặc độ sáng. Dùng nút 'Lấy màu từ ảnh' để chọn chính xác màu tại một điểm bất kỳ.

4
Sao chép & xuất file

Nhấp vào ô màu hoặc dải palette để sao chép, dùng 'Sao chép tất cả' để lấy toàn bộ, hoặc xuất ra TXT / CSS Variables / JSON / ảnh PNG bảng màu để chia sẻ.

Tính năng nổi bật

🎯Lấy màu chính xác (Eyedropper)

Nhấp trực tiếp vào bất kỳ điểm nào trên ảnh để lấy đúng màu pixel tại đó. Trên Chrome/Edge còn dùng được công cụ EyeDropper gốc với kính lúp phóng đại để chọn màu siêu chính xác.

🎨Trích xuất bảng màu thông minh

Thuật toán quantization nhóm các sắc độ tương tự lại với nhau, cho ra bảng màu sạch và đại diện nhất — thay vì một danh sách hàng nghìn màu pixel rời rạc.

📊Phân tích tần suất màu

Mỗi màu hiển thị phần trăm tỷ lệ xuất hiện trong ảnh, kèm dải palette trực quan thể hiện đúng tỷ trọng từng màu chỉ trong một cái nhìn.

🎚️Tùy chỉnh & sắp xếp linh hoạt

Điều chỉnh từ 5 đến 30 màu, chuyển đổi giữa HEX / RGB / HSL và sắp xếp theo tần suất, sắc độ (hue) hoặc độ sáng (brightness) tùy nhu cầu công việc.

📋Dán ảnh từ clipboard

Nhấn Ctrl+V để dán ảnh trực tiếp từ clipboard, không cần lưu file ra máy trước. Cực tiện khi chụp màn hình hoặc copy ảnh từ web.

Xử lý nhanh & mượt

Ảnh lớn được tự động thu nhỏ trước khi phân tích, kết quả được lưu đệm nên kéo thanh trượt số màu phản hồi tức thì, không giật lag dù ảnh độ phân giải cao.

💾Xuất đa định dạng

Xuất bảng màu ra TXT, CSS Variables (:root { --color-1: #hex }), JSON có cấu trúc, hoặc ảnh PNG bảng màu kèm mã hex — sẵn sàng dùng ngay trong dự án hoặc chia sẻ.

🔒100% riêng tư

Toàn bộ quá trình phân tích diễn ra cục bộ trên trình duyệt bằng Canvas API. Không có ảnh nào được tải lên server — dữ liệu hoàn toàn nằm trên thiết bị của bạn.

Ứng dụng phổ biến

🎨Thiết kế UI/UX

Lấy bảng màu từ ảnh thương hiệu, ảnh moodboard hay ảnh tham khảo để xây dựng design system nhất quán và chuyên nghiệp.

💻Phát triển Front-end

Xuất trực tiếp ra CSS Variables và dán vào :root của dự án, tiết kiệm thời gian dò màu thủ công trong code.

🖌️Branding & Marketing

Phân tích màu sắc của đối thủ hoặc xu hướng thị trường để định hướng chiến lược màu sắc cho thương hiệu của bạn.

📸Nhiếp ảnh & Nghệ thuật

Nghiên cứu bảng màu của các tác phẩm ảnh, tranh vẽ để học cách phối màu, bắt 'mood' và nâng cao kỹ năng tạo màu.

🛍️Thương mại điện tử

Trích màu chủ đạo từ ảnh sản phẩm để đồng bộ màu nền, banner và bố cục gian hàng, tạo trải nghiệm mua sắm nhất quán.

📑Thuyết trình & Infographic

Lấy nhanh bảng màu hài hòa từ một hình ảnh để áp dụng cho slide, biểu đồ và infographic trông chuyên nghiệp hơn.

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

Q

Công cụ có hoạt động hoàn toàn trên trình duyệt không?

A

Có. Toàn bộ quá trình phân tích được thực hiện cục bộ trên trình duyệt bằng Canvas API. Hình ảnh của bạn không bao giờ được gửi lên server, đảm bảo quyền riêng tư tuyệt đối.

Q

Công cụ lấy màu (eyedropper) hoạt động thế nào?

A

Nhấn nút 'Lấy màu từ ảnh'. Trên Chrome và Edge, công cụ dùng EyeDropper API gốc của trình duyệt với kính lúp phóng đại để bạn chọn màu cực chính xác trên toàn màn hình. Trên các trình duyệt khác (Firefox, Safari), công cụ sẽ bật chế độ nhấp trực tiếp lên ảnh để lấy đúng màu pixel tại điểm đó.

Q

Tại sao số màu thực tế đôi khi ít hơn số tôi đặt?

A

Nếu hình ảnh có ít nhóm màu khác biệt hơn số bạn cài đặt (ví dụ ảnh đơn sắc, icon phẳng hay logo đơn giản), công cụ chỉ trả về đúng số màu thực sự có trong ảnh.

Q

Tôi có thể dán ảnh trực tiếp không?

A

Có. Chỉ cần copy ảnh (từ ảnh chụp màn hình, từ web hoặc từ ứng dụng khác) rồi nhấn Ctrl+V ở bất kỳ đâu trên trang — ảnh sẽ được nạp và phân tích ngay lập tức.

Q

Các tùy chọn xuất file gồm những gì?

A

Bạn có thể xuất bảng màu ra: TXT (danh sách HEX | RGB | HSL kèm phần trăm), CSS Variables (:root { --color-1: #hex; ... } dán thẳng vào stylesheet), JSON có cấu trúc, và ảnh PNG bảng màu kèm mã hex để chia sẻ trực quan.

Q

Có giới hạn kích thước file không?

A

Không có giới hạn cứng. Với ảnh độ phân giải cao, công cụ tự động thu nhỏ và lấy mẫu pixel trước khi phân tích để giữ tốc độ nhanh mà vẫn cho kết quả màu chính xác.

Công cụ trích xuất màu của chúng tôi kết hợp thuật toán quantization thông minh với trải nghiệm mượt mà — công cụ lấy màu eyedropper, dán ảnh từ clipboard, kéo thả, phân tích tần suất và xuất CSS / JSON / PNG. Tất cả hoàn toàn miễn phí, riêng tư 100% và chạy trực tiếp trên trình duyệt, không cần cài đặt hay đăng ký.