Lấy màu từ ảnh
Kéo hình ảnh vào đây
Định dạng được hỗ trợ: JPG, PNG, WebP, GIFNhấp vào bất kỳ đâu trên hình ảnh để chọn màu
Bạn cần biết chính xác màu nào có trong logo, ảnh chụp hay ảnh chụp màn hình? Tải ảnh lên, di chuột đến điểm cần xem rồi nhấp vào đó. Mã màu được sao chép thẳng vào bộ nhớ tạm theo định dạng bạn chọn: HEX, RGB, HSL, HSV hoặc LCH. Không cần cài đặt gì, và ảnh của bạn không rời khỏi máy tính.
Cách lấy màu từ ảnh
- Tải ảnh lên. Kéo ảnh vào cửa sổ hoặc nhấp vào nút “Duyệt tệp”. Công cụ xử lý được JPG, PNG, WebP và GIF.
- Chọn định dạng. Phía trên ảnh, chọn cách bạn muốn sao chép mã màu. HEX thường dùng cho web, RGB phổ biến trong các phần mềm thiết kế. Lựa chọn này được công cụ ghi nhớ cho lần sau.
- Di chuột đến màu cần lấy. Cạnh con trỏ hiện ra một kính lúp phóng to các điểm ảnh xung quanh, kèm mã màu bên dưới.
- Nhấp chuột. Mã màu đã có trong bộ nhớ tạm, còn màu đó được lưu vào mục Màu đã chọn. Dán ra bất cứ đâu bạn cần.
Muốn thử ảnh khác? Kéo thả ảnh mới đè lên ảnh hiện tại, hoặc xóa ảnh cũ bằng biểu tượng thùng rác.
Công cụ hút màu ảnh này làm được gì
Kính lúp cho thấy từng pixel
Một công cụ hút màu thông thường chỉ hiện màu ngay dưới con trỏ, nên nhắm vào viền mỏng của một chữ cái gần như là may rủi. Kính lúp của chúng tôi phóng to vùng 11 × 11 pixel quanh con trỏ và đóng khung điểm ảnh ở giữa. Bạn thấy chính xác mình sắp nhấp vào đâu, trước khi nhấp.
Phóng to đến từng pixel
Dùng nút cộng trừ, hoặc cuộn chuột kèm giữ phím Ctrl, để phóng to ảnh lên đến 64 lần. Bật lưới (Grid) để thấy rõ ranh giới từng pixel, nhờ đó bạn nhấp trúng ngay cả với icon, ảnh pixel art hay chữ rất nhỏ.
Màu từ ảnh gốc, không phải từ bản thu nhỏ
Nhiều công cụ trực tuyến thu nhỏ ảnh trước rồi đọc màu từ bản xem trước, nơi các pixel liền kề bị trộn lẫn với nhau. Công cụ này làm việc với ảnh ở độ phân giải đầy đủ (tối đa 4096 px ở cạnh dài), nên bạn nhận được đúng màu thật của điểm ảnh.
Sao chép chỉ bằng một cú nhấp
Không cần bôi đen văn bản hay gõ lại số. Mỗi lần nhấp vào ảnh sẽ sao chép ngay mã màu theo định dạng đã chọn. Nếu cần cùng một màu ở định dạng khác, phần chi tiết màu hiển thị đủ cả năm định dạng, mỗi định dạng có nút sao chép riêng.
Bảng màu chủ đạo
Ngay sau khi ảnh được tải lên, công cụ tìm ra tối đa tám màu chiếm ưu thế trong ảnh và hiển thị ở mục Màu chủ đạo. Các sắc độ gần giống nhau được gộp lại, nên bảng màu sẽ không có năm biến thể của cùng một màu xám, và các vùng trong suốt của PNG cũng bị bỏ qua. Bảng màu này là điểm khởi đầu tốt cho một website, một bài thuyết trình hay ảnh cho mạng xã hội. Muốn kiểm tra xem các màu còn đủ tương phản khi bỏ sắc độ hay không, hãy thử chuyển ảnh sang xám.
Màu đã chọn luôn trong tầm mắt
Mỗi màu bạn nhấp vào được lưu vào mục Màu đã chọn (24 màu gần nhất). Nhờ vậy bạn có thể so sánh nhiều điểm khác nhau trên ảnh và quay lại bất cứ lúc nào. Trên màn hình lớn, bảng màu nằm ngay cạnh ảnh.
Khi nào cần lấy mã màu từ ảnh
- Web và ứng dụng: Khách hàng chỉ gửi logo dạng JPG, còn bạn cần đúng màu thương hiệu để đưa vào CSS. Nếu cũng cần bản nền trong suốt, hãy dùng công cụ xóa nền ảnh.
- Thiết kế và mạng xã hội: Bạn muốn chữ trên một bài đăng ăn khớp với màu trong ảnh. Lấy màu trực tiếp từ ảnh đó.
- Thuyết trình và tài liệu: Đặt màu logo công ty trong PowerPoint, Google Slides hay Canva bằng mã HEX hoặc RGB.
- Kiểm tra thiết kế (QA): Trên một ảnh chụp màn hình, kiểm tra xem một nút bấm có đúng màu mà bản thiết kế yêu cầu không. Sau đó kiểm tra kích thước các tệp xuất ra bằng công cụ phân tích kích thước ảnh.
- Nội thất và thời trang: Bạn có ảnh chụp một tấm vải hay một bức tường và muốn tìm sắc độ tương tự. Mã màu là điểm khởi đầu tốt khi so với bảng màu sơn hay bảng vải mẫu.
Các định dạng màu mà công cụ trả về
- HEX (
#1373b6): cách viết dùng trong HTML, CSS và phần lớn các phần mềm đồ họa. - RGB (
rgb(19, 115, 182)): tỷ lệ màu đỏ, lục và lam, mỗi kênh từ 0 đến 255. Cách phối màu cộng này được giải thích trong Wikipedia. - HSL (
hsl(205, 81%, 39%)): sắc độ, độ bão hòa và độ sáng. Dễ dùng để tạo ra một biến thể sáng hơn hoặc tối hơn. - HSV: sắc độ, độ bão hòa và giá trị (value), giống như trong bảng chọn màu của Photoshop hay GIMP. Sự khác nhau giữa HSL và HSV được giải thích chi tiết trên Wikipedia.
- LCH: mô hình màu gần với cách mắt người cảm nhận màu sắc. Mã được sao chép theo cú pháp mà CSS hiện đại hiểu được (xem tài liệu MDN, tiếng Anh).
Công cụ hút màu ảnh giúp bạn tìm ra màu đang có trong ảnh. Khi cần tinh chỉnh thêm, chuyển sang định dạng khác hoặc tìm các màu đi kèm, hãy tiếp tục sang bánh xe màu.
Các câu hỏi thường gặp
Ảnh của tôi có được tải lên máy chủ không?
Không. Ảnh được đọc và xử lý ngay trong trình duyệt của bạn, không gửi đi đâu cả, và không để lại gì sau khi bạn đóng trang. Vì vậy bạn có thể yên tâm dùng công cụ này với tài liệu nội bộ hoặc bản thiết kế chưa công bố.Làm sao lấy mã HEX của một màu trong ảnh chụp?
Tải ảnh lên, giữ nguyên định dạng HEX phía trên ảnh rồi nhấp vào điểm có màu bạn cần. Mã màu, ví dụ#75dab2, sẽ có ngay trong bộ nhớ tạm.
Vì sao màu lấy từ ảnh chụp lại khác với màu thật?
Máy ảnh làm thay đổi màu sắc qua ánh sáng, cân bằng trắng (tiếng Anh) và nén ảnh. Công cụ trả về đúng màu được lưu trong tệp ảnh. Với ảnh chụp, hãy nhấp vào vài điểm khác nhau rồi so sánh trong mục Màu đã chọn. Nếu bạn dùng mã này để pha sơn tường, hãy coi đó chỉ là mức tham khảo.Công cụ hút màu này có dùng được trên điện thoại không?
Có. Trên màn hình cảm ứng, chạm vào một điểm trong ảnh và mã màu sẽ được sao chép giống như trên máy tính. Kính lúp cạnh con trỏ không hiển thị trên điện thoại, nên với chi tiết nhỏ, hãy phóng to ảnh trước.HEX và RGB khác nhau ở điểm nào?
Cả hai đều mô tả cùng một màu. RGB dùng ba số từ 0 đến 255, còn HEX viết cùng những số đó ở hệ thập lục phân sau dấu #. Ví dụ,rgb(255, 87, 51) chính là #ff5733.