Công cụ phân tích màu và ảnh của PixelVault trích xuất bảng màu, biểu đồ và thông tin tương phản từ bất kỳ ảnh nào, hoàn toàn trong trình duyệt. Thả vào một tấm ảnh, minh họa hoặc ảnh chụp màn hình và lập tức nhận được các màu chủ đạo dưới dạng mã hex có thể sao chép, kèm theo tỷ lệ mà mỗi màu chiếm. Đây là cách nhanh để lấy một bảng màu từ tấm ảnh bạn yêu thích mà không cần cài đặt gì hay tải tệp lên.
Từ các màu chủ đạo, bạn có thể tạo các bộ hòa sắc bổ túc, tương đồng, bộ ba và đơn sắc để dựng một bảng phối màu mạch lạc, và xuất toàn bộ bảng màu dưới dạng HEX thuần, biến CSS, biến SCSS, JSON hoặc cấu hình Tailwind — sẵn sàng dán thẳng vào dự án của bạn. Để phân tích sâu hơn, biểu đồ RGB và độ sáng cho thấy độ phơi sáng và cân bằng tông màu, bản xem trước ảnh xám cho thấy ảnh trông ra sao khi không có màu, và công cụ kiểm tra tương phản WCAG cho bạn biết một cặp chữ và nền có đạt AA và AAA về khả năng tiếp cận hay không.
Cách hoạt động
PixelVault lấy mẫu ảnh ở độ phân giải giảm và gom các màu tương tự để tìm những màu chủ đạo, chuyển đổi giữa các không gian màu để dựng bộ hòa sắc, và đọc giá trị pixel để tính biểu đồ. Tỷ lệ tương phản dùng công thức độ sáng tương đối WCAG 2.1. Tất cả đều chạy trên các pixel đã được tải sẵn trong trình duyệt của bạn.
Vì sao xử lý cục bộ quan trọng
Phân tích cục bộ giữ cho ảnh của bạn — công việc của khách hàng, các thiết kế chưa công bố, ảnh riêng tư — không lên mạng. Không có tải lên và không có máy chủ nào có thể giữ lại bản sao, và kết quả xuất hiện tức thì vì các pixel đã có sẵn trong trang.
Định dạng được hỗ trợ
- JPG — Được phân tích trực tiếp.
- PNG — Độ trong suốt được tôn trọng khi lấy mẫu màu.
- WebP — Được hỗ trợ đầy đủ.
Trường hợp sử dụng phổ biến
- Trích xuất một bảng màu từ một tấm ảnh hoặc tài liệu tham khảo thiết kế.
- Tạo các bảng phối màu hài hòa cho một thương hiệu hoặc giao diện.
- Kiểm tra độ tương phản giữa chữ và nền về khả năng tiếp cận.
- Kiểm tra độ phơi sáng và tông màu bằng biểu đồ RGB và độ sáng.