Trích xuất bảng màu từ ảnh
Những màu thật sự tạo nên bức ảnh, dưới dạng hex, RGB và biến CSS dán được ngay.
Chạy hoàn toàn trong trình duyệt của bạn
Đang tải công cụ...
Cách sử dụng
- Thả vào một bức ảnh, ảnh chụp màn hình hoặc logo.
- Chọn số màu bạn muốn nhận về.
- Sao chép từng mã hex, hoặc cả bảng màu dưới dạng biến CSS.
- Tắt bộ lọc trắng đen nếu ảnh vốn là ảnh đơn sắc.
Tính năng
- Gộp các sắc độ gần giống nhau để bạn nhận được bảng màu, không phải mười một sắc xám.
- Mỗi ô màu là trung bình của các điểm ảnh trong nhóm, nên màu hiển thị thật sự có trong ảnh.
- Cho biết mỗi màu chiếm bao nhiêu phần diện tích ảnh.
- Chạy hoàn toàn trong trang — ảnh không hề được tải lên.
Câu hỏi thường gặp
- Vì sao mặc định ẩn màu trắng và đen?
- Vì phần lớn ảnh chụp có rất nhiều cả hai màu đó, mà chúng không nói lên điều gì về đặc trưng của ảnh — một bảng màu gồm “trắng, trắng ngà, gần đen” thì đúng về kỹ thuật nhưng vô dụng. Bộ lọc loại bỏ những điểm ảnh sát hai đầu để bảng màu nhận về là thứ bạn thật sự thiết kế được. Với ảnh đen trắng, hãy tắt bộ lọc.
- Vì sao các tỉ lệ không cộng lại thành 100%?
- Đó là tỉ lệ trên số điểm ảnh được tính, và chỉ những màu hiển thị mới được liệt kê. Mọi thứ bị lọc bỏ — điểm trong suốt, gần trắng, gần đen — đều không nằm trong tổng, và các màu vượt quá số lượng bạn chọn cũng không hiện ra. Những tỉ lệ được liệt kê là chính xác so với số điểm ảnh đã lấy mẫu.
- Ảnh của tôi có bị tải lên không?
- Không. Tệp được chính trình duyệt của bạn giải mã và đo đạc, không có gì được gửi đi đâu cả. Bạn có thể tự kiểm chứng bằng cách ngắt mạng rồi dùng công cụ — nó vẫn hoạt động bình thường.
Công cụ liên quan
Dải màu đầy đủ từ một màu gốc, kèm màu chữ thực sự đạt độ tương phản trên từng bậc.
Chuyển đổi giữa hex, RGB và HSL, và kiểm tra hai màu có đọc được cùng nhau không.
Dựng gradient, xem trước toàn khung, rồi sao chép khai báo — vị trí điểm màu để CSS tự canh nếu bạn không đặt.