Chuyển đến nội dung
SPCXTools

Lấy mã màu từ ảnh

Nhấp vào bất kỳ đâu trên ảnh để lấy chính xác mã màu HEX, RGB và HSL — cùng với bảng màu chủ đạo của ảnh.

Chạy cục bộ — tệp không bao giờ rời khỏi thiết bị của bạn

Đang tải công cụ…

Cách sử dụng Lấy mã màu từ ảnh

  1. 1Chọn một hình ảnh, kéo thả vào trang hoặc dán ảnh chụp màn hình bằng Ctrl+V (⌘+V trên Mac).
  2. 2Di chuyển con trỏ chuột trên ảnh. Kính lúp sẽ hiển thị chính xác pixel dưới con trỏ.
  3. 3Nhấp để chọn màu. Mã HEX, RGB và HSL của màu đó sẽ hiện ở bên phải — nhấp Sao chép để sử dụng.
  4. 4Dùng bảng Màu chủ đạo để lấy các màu sắc chính của ảnh, và Màu đã chọn để xem lại các màu đã lấy trước đó.

Lấy mã màu chính xác từ mọi hình ảnh

Bạn thấy một màu ưng ý trong bức ảnh, ảnh chụp màn hình, logo hay bản thiết kế và muốn lấy mã màu của nó. Công cụ lấy màu từ ảnh này hoạt động như một ống hút màu (eyedropper) cho mọi bức hình: chỉ cần mở ảnh, nhấp vào một điểm ảnh và nhận ngay mã màu HEX, RGB và HSL để dán vào CSS, Figma, Photoshop, Canva hoặc PowerPoint. Kính lúp thu phóng hiển thị chi tiết các điểm ảnh dưới con trỏ giúp bạn chọn vị trí chuẩn xác nhất, đồng thời tự động tạo bảng các màu chủ đạo của ảnh.

Tính năng

  • Ống hút màu hỗ trợ mọi định dạng ảnh mà trình duyệt có thể mở — JPG, PNG, WebP, GIF, SVG, AVIF và HEIC.
  • Kính lúp thu phóng phóng to từng điểm ảnh tại khu vực dưới con trỏ chuột.
  • Mã HEX, RGB và HSL kèm nút sao chép chỉ với một lần nhấp.
  • Bảng màu chủ đạo được trích xuất từ toàn bộ bức ảnh.
  • Lịch sử chọn màu lưu tối đa 16 màu để bạn dễ dàng so sánh và xem lại.
  • Dán ảnh chụp màn hình trực tiếp từ khay nhớ tạm (clipboard).
  • Bảo mật: hình ảnh không bao giờ rời khỏi thiết bị của bạn.

Nên sử dụng định dạng màu nào?

Định dạng Ví dụ Nơi sử dụng
HEX #1E90FF CSS, HTML, Figma, Canva, hầu hết các công cụ thiết kế
RGB rgb(30, 144, 255) CSS, Photoshop, các ứng dụng Office, lập trình
HSL hsl(210, 100%, 56%) CSS khi bạn muốn điều chỉnh độ sáng hoặc độ bão hòa

Để chuyển đổi màu vừa chọn sang các định dạng khác như CMYK hoặc HSV, hay kiểm tra độ tương phản của nó với văn bản trắng và đen, hãy mở màu đó trong công cụ Chuyển đổi màu.

Gợi ý sử dụng

Đồng bộ màu thương hiệu: lấy chính xác màu xanh từ logo công ty hoặc ảnh chụp màn hình website để giữ cho bài thuyết trình luôn nhất quán.

Tạo bảng màu: sử dụng các màu chủ đạo của bức ảnh làm cơ sở để thiết kế website, poster hoặc giao diện slide.

Phát triển web: lấy mã màu từ bản mockup thiết kế định dạng ảnh thay vì file thiết kế gốc.

Nghệ thuật số và thủ công: tìm mã màu từ ảnh tham khảo để dùng cho các ứng dụng vẽ, mẫu thêu hoặc đan len.

Để có kết quả chính xác nhất

Hãy chọn hình ảnh có kích thước lớn nhất và ít bị nén nhất: ảnh chụp màn hình định dạng PNG sẽ giữ màu sắc chuẩn xác, trong khi ảnh JPG có thể bị sai lệch màu đôi chút ở phần viền. Hãy dùng kính lúp phóng to và tránh chọn vào các đường viền khử răng cưa (anti-aliased), nơi các pixel bị pha trộn giữa hai màu. Nếu bạn chỉ cần lấy màu từ một phần của bức ảnh lớn, hãy Cắt ảnh trước để thao tác dễ dàng hơn.

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

Làm cách nào để lấy mã màu HEX từ ảnh?
Mở ảnh trong công cụ này và nhấp vào vị trí bạn muốn. Mã màu HEX (ví dụ như
Tôi có thể lấy màu từ ảnh chụp màn hình không?
Có. Hãy chụp màn hình như bình thường, sau đó nhấn Ctrl+V (hoặc ⌘+V trên Mac) tại trang này để dán trực tiếp — không cần phải lưu thành file trước.
Các màu chủ đạo được tính toán như thế nào?
Công cụ sẽ lấy mẫu từ một bản sao thu nhỏ của ảnh, nhóm các màu tương tự lại với nhau và liệt kê những màu phổ biến nhất, bỏ qua các màu gần giống hệt nhau để bảng màu hiển thị các sắc độ rõ rệt.
Tại sao màu lấy được hơi khác so với thiết kế gốc?
Ảnh lưu dưới dạng JPG bị nén, làm sai lệch màu sắc một chút, đặc biệt là ở gần các cạnh. Ảnh chụp màn hình cũng có thể bị ảnh hưởng bởi cấu hình màu của màn hình. Để có màu thương hiệu chính xác nhất, hãy lấy màu từ file PNG hoặc kiểm tra file thiết kế gốc.
Ảnh của tôi có bị tải lên không?
Không. Ảnh được mở và đọc hoàn toàn trên trình duyệt của bạn. Không có dữ liệu nào bị gửi đến máy chủ, vì vậy rất an toàn khi dùng với ảnh chụp màn hình cá nhân và các thiết kế chưa công bố.
Công cụ này có dùng được trên điện thoại không?
Có. Chạm vào ảnh để chọn màu. Kính lúp sẽ di chuyển theo ngón tay khi bạn chạm vào ảnh.