Cách dùng Trích xuất bảng màu từ ảnh
- Chọn ảnh, thả vào hoặc dán vào — hoặc thử ảnh mẫu.
- Đặt số lượng màu bạn muốn; tích Bỏ qua màu gần trắng và gần đen với logo và ảnh sản phẩm có nền đơn sắc.
- Nhấp vào ô màu bất kỳ để sao chép, hoặc nhấp vào ảnh để lấy màu chính xác của một điểm ảnh.
- Xuất bảng màu thành biến CSS, cấu hình màu Tailwind, SCSS hoặc JSON.
Cách tìm màu
Ảnh được thu nhỏ lại và các điểm ảnh được nhóm theo màu bằng thuật toán k-means clustering: thuật toán đặt số “tâm” đúng bằng số màu bạn yêu cầu, gán mỗi điểm ảnh vào tâm gần nhất, dịch chuyển mỗi tâm về giá trị trung bình của các điểm thuộc nó, rồi lặp lại cho đến khi ổn định. Mỗi tâm trở thành một ô màu, và tỷ lệ của nó cho biết màu đó chiếm bao nhiêu diện tích ảnh. Các điểm ảnh trong suốt sẽ được bỏ qua, nên logo có nền trong suốt vẫn cho kết quả tốt.
Sử dụng bảng màu
- Chọn một màu chủ đạo cho nền và một màu nổi, tương phản mạnh cho nút và liên kết.
- Kiểm tra cặp màu chữ và nền với Contrast Checker.
- Tạo thang màu 50–950 đầy đủ từ một màu bằng Tailwind Color Generator, hoặc tìm tên của màu bằng Color Name Finder.
Ảnh của bạn được xử lý ngay trên thiết bị bằng canvas và không bao giờ được tải lên máy chủ.
Cũng được tìm dưới tên: bảng màu từ ảnh, lấy màu từ ảnh, trích xuất màu từ ảnh, chọn màu từ ảnh, lấy mã màu từ ảnh, image color palette, công cụ lấy màu ảnh, lấy mã hex từ ảnh.
Các công cụ dùng kèm tốt với Trích xuất bảng màu từ ảnh
- Chuyển đổi mã màu — Dán bất kỳ màu CSS nào — HEX, rgb(), hsl(), hwb(), oklch() hoặc tên màu như tomato — và nhận ngay mọi định dạng còn lại, kèm bảng màu 50–950 sẵn sàng dùng.
- Trộn màu — Chọn hai màu và số bước để có các màu chuyển tiếp pha đều nhau, phù hợp cho gradient, viền, biểu đồ và trạng thái hover.
- Tạo CSS Gradient — Thiết kế gradient trực quan: kéo các điểm màu, đổi góc hoặc kiểu, chọn sẵn một mẫu có sẵn rồi sao chép CSS dùng được ngay, kèm màu nền đặc làm phương án dự phòng.
- Chuyển HEX sang OKLCH — Dán mã màu HEX và nhận giá trị OKLCH dùng cho CSS.
Câu hỏi thường gặp
Làm sao để lấy bảng màu từ một bức ảnh?
Thả ảnh vào đây: các màu chính sẽ hiện thành ô màu kèm tỷ lệ mỗi màu chiếm trong ảnh. Thay đổi số lượng màu bằng thanh trượt và xuất bảng màu dưới dạng CSS, Tailwind hoặc JSON.
Làm sao để tìm mã HEX của một màu trong ảnh?
Nhấp vào vị trí đó trên ảnh. Màu chính xác của điểm ảnh sẽ hiện bên dưới dưới dạng HEX, RGB và HSL, sẵn sàng để sao chép.
Vì sao màu trắng hoặc đen lại là màu chiếm nhiều nhất?
Nền thường chiếm phần lớn diện tích ảnh. Hãy tích “Bỏ qua màu gần trắng và gần đen” để lấy màu của chủ thể thay thế.
Ảnh của tôi có được tải lên không?
Không. Ảnh được đọc và phân tích ngay trong trình duyệt của bạn; không có dữ liệu nào được gửi đến máy chủ.
Tôi có thể cài Trích xuất bảng màu từ ảnh như một ứng dụng web và dùng khi không có mạng không?
Có. Trích xuất bảng màu từ ảnh là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.