Color Picker từ Image

Khi nào dùng?

• Branding: upload logo → trích palette chủ đạo cho website.
• Match màu UI: screenshot từ Figma hoặc Dribbble → pick chính xác màu để recreate.
• Inspiration: ảnh phong cảnh đẹp → trích palette làm theme.
• Replace stock photo: tìm màu chủ đạo trong photo để chọn ảnh thay thế phù hợp tone.

Cách hoạt động

• Click vào ảnh → đọc pixel tại vị trí đó qua canvas.getImageData().
• Output cả 3 format phổ biến: HEX (cho CSS), RGB (cho design tool), HSL (để chỉnh tone).
• "Trích palette" → đếm tần suất các bin màu (mask 6-bit/channel) → top 8 màu phổ biến nhất.
• Lịch sử lưu 12 màu pick gần nhất — bấm lại để xem lại.

Privacy

Ảnh bạn drop vào KHÔNG bị upload — toàn bộ xử lý dùng FileReader + Canvas API trong trình duyệt. Mở DevTools → tab Network: không có request nào với file ảnh. Tắt mạng cũng vẫn chạy bình thường.