Giữ nguyên màu sắc từ ảnh. Trích các màu chủ đạo và sao chép ngay dưới dạng mã HEX.

Nhấp để chọn tệp

Chọn tệp

JPG, PNG, WebP, HEIC và nhiều hơn nữa

Trích các màu chủ đạo từ một tấm ảnh và sắp xếp gọn gàng thành một bảng màu. Rất hợp để dựng moodboard, chọn phối màu cho thiết kế hay website, hoặc lấy đúng tông màu từ một tấm ảnh bạn yêu thích. Bạn thấy một thanh tỉ lệ cùng %, HEX và RGB của từng màu chỉ trong một cái nhìn, và nhấp vào một màu sẽ chép ngay mã HEX của nó.

Cách dùng

  1. 1Kéo thả ảnh JPG, PNG hoặc WebP cần trích màu, hoặc nhấp để tải lên.
  2. 2Đặt số màu từ 3 đến 10. Đổi số là bảng màu được trích lại ngay.
  3. 3Kiểm tra %, HEX và RGB của từng màu trên thanh tỉ lệ và các thẻ màu.
  4. 4Nhấp vào bất kỳ màu nào để chép HEX. Nhấn Sao chép CSS để lấy tất cả dưới dạng biến :root cùng lúc!

Mẹo hữu ích

  • Ít màu thì giữ lại các tông lớn, chủ đạo; nhiều màu thì bắt được cả những sắc trung gian tinh tế. Hãy điều chỉnh cho hợp nhu cầu.
  • Sao chép CSS gom tất cả màu thành biến :root, sẵn sàng dán thẳng vào tệp style của bạn.
  • % trên thanh tỉ lệ cho biết mỗi màu chiếm bao nhiêu diện tích trong ảnh, tiện để phân biệt màu chính với màu điểm nhấn.

Câu hỏi thường gặp

Không, việc trích màu chạy hoàn toàn trong trình duyệt và ảnh không bao giờ được gửi lên máy chủ. Nó chỉ đọc màu, nên bản gốc không bao giờ rời khỏi thiết bị của bạn.

Mỗi màu đi kèm HEX (vd. #7C3AED) và RGB (vd. RGB(124, 58, 237)). Nhấp vào màu để chép HEX, hoặc dùng Sao chép CSS để lấy tất cả dưới dạng biến :root cùng lúc.

Từ 3 đến 10. Đổi số lượng bằng thanh trượt là bảng màu được trích lại tức thì.

Đó là phần diện tích của ảnh mà mỗi màu chiếm. Màu lớn hơn có dải rộng hơn, nên bạn thấy ngay màu nào dẫn dắt cảm giác của tấm ảnh.