Công cụ này làm gì
Công cụ này trích xuất bảng màu từ một hình ảnh cục bộ trong trình duyệt. Nó hiển thị HEX, RGB và HSL, đồng thời cho phép bạn sao chép một màu, dòng bảng màu hoặc các biến CSS cho thiết kế, trang web và tài liệu thương hiệu.
Cách sử dụng
- Tải lên ảnh JPG, PNG, WebP hoặc định dạng hình ảnh khác được trình duyệt của bạn hỗ trợ.
- Chọn số lượng màu sắc và độ chính xác phân tích.
- Sao chép một màu, bảng màu đầy đủ hoặc các biến CSS.
Cách chọn màu
Công cụ thu nhỏ ảnh về kích thước an toàn, đọc pixel qua Canvas và nhóm các sắc độ gần nhau thành cụm màu. Những cụm nổi bật nhất trở thành bảng màu, còn các sắc độ quá giống nhau được gộp lại để kết quả hữu ích cho thiết kế thay vì là danh sách các màu gần như trùng nhau.
Độ chính xác phân tích ảnh hưởng đến tốc độ và chi tiết. Chế độ nhanh phù hợp với ảnh lớn và bản nháp; phân tích kỹ hơn hữu ích khi cần các điểm nhấn nhỏ, màu thương hiệu hoặc minh họa phức tạp.
Dùng bảng màu trong thiết kế
Mỗi màu được hiển thị dưới dạng HEX, RGB và HSL, nên dễ đưa vào Figma, CSS, bản trình bày hoặc brand guide. Bạn có thể sao chép một màu, toàn bộ dòng bảng màu hoặc các biến CSS có sẵn.
Nếu nền chiếm phần lớn ảnh, hãy chọn đưa nền vào hoặc bỏ qua tùy mục đích. Với thẻ sản phẩm, nền thường là nhiễu; với moodboard hoặc ảnh bìa, nền có thể là một phần của cảm xúc thị giác.
Giới hạn và quyền riêng tư
Ảnh không được tải lên máy chủ: phân tích chạy trong trình duyệt. Điều này hữu ích với mockup khách hàng, tài liệu tham khảo và nội dung nội bộ không nên gửi cho dịch vụ bên ngoài.
Bảng màu là ước lượng, không phải phép đo màu được chứng nhận. Gradient, nhiễu, độ trong suốt, nén JPEG và hồ sơ màu của màn hình có thể ảnh hưởng kết quả, nên hãy dùng thông số gốc cho in ấn hoặc kiểm soát thương hiệu nghiêm ngặt.