Chọn màu từ ảnh

Trỏ vào bất kỳ chỗ nào trên ảnh để biết mã hex, RGB và HSL, và xem vài màu tạo nên bức ảnh. Mỗi màu cho biết chữ đặt lên có thật sự đọc được không. Không có gì được tải lên.

Cách hoạt động

Lấy một màu ra khỏi bức ảnh là loại việc mà hệ điều hành lẽ ra nên làm nhưng hầu như không làm. Màu bạn cần nằm trong ảnh chụp một bức tường, trong ảnh chụp màn hình một biểu đồ, trong cái logo ai đó gửi dưới dạng JPEG, còn thứ bạn cần là sáu chữ số thập lục phân để dán vào một tệp kiểu.

Trỏ vào một pixel là nửa dễ. Ảnh được vẽ đúng tỉ lệ một-một và tắt làm mượt trước khi đọc pixel, nghe có vẻ cầu kỳ nhưng không phải: khi bật làm mượt, trình duyệt trả về một hỗn hợp của pixel đó với các pixel bên cạnh, nên màu bạn nhận được chưa từng tồn tại trong ảnh và sẽ không khớp khi bạn dán ra.

Bảng màu mới là nửa khó, và cách làm tiêu chuẩn có một lỗi ai cũng biết. Phép cắt trung vị chia các màu vào các hộp, rồi sách giáo khoa lấy trung bình từng hộp, và đó là lý do các công cụ bảng màu cho ra những màu nâu đục chẳng hề có trong ảnh gốc: trung bình của một bông hoa đỏ và một chiếc lá xanh là bùn. Ở đây mỗi ô màu là pixel thật gần nhất với hộp của nó, nên mọi màu được đưa ra đều là màu chính bạn có thể trỏ tới. Tỉ lệ phần trăm được tính riêng, bằng cách hỏi mỗi pixel gần ô màu nào nhất, bởi phép cắt trung vị cố ý chia cho mỗi hộp số pixel bằng nhau, và đọc con số đó như tỉ lệ sẽ là khẳng định rằng mọi màu chiếm phần bằng nhau trong một bức ảnh mà rõ ràng gần hết là bầu trời.

Rồi còn con số quyết định tất cả những thứ này có dùng được không. Một màu lấy từ ảnh gần như luôn kết thúc ở phía sau chữ, và việc đó có ổn hay không thì đo được: tỉ lệ tương phản WCAG so với trắng và so với đen, kèm ngưỡng được chỉ rõ. Một màu thương hiệu trông rất đẹp trong logo thường chỉ đạt 2,8:1 trên nền trắng, và đó là điều nên quyết định có chủ ý thay vì phát hiện ra về sau.

Cách sử dụng

  1. 1 Chọn một ảnh, hoặc dán thẳng từ clipboard.
  2. 2 Chạm vào bất kỳ đâu trên ảnh để lấy màu ở chỗ đó.
  3. 3 Chép mã hex, RGB hoặc HSL chỉ với một lần chạm.
  4. 4 Hoặc lấy một trong các ô màu bên dưới, đó là những màu tạo nên bức ảnh.

Điều nên biết

  • Mỗi ô là một màu thật sự có trong ảnh, không bao giờ là trung bình của hai màu có trong ảnh.
  • Bảng màu được sắp theo mức độ mỗi màu chiếm bao nhiêu bức ảnh, không phải theo sắc độ.
  • Tương phản là tỉ lệ WCAG: ngưỡng 4,5:1 cho chữ thường và 3:1 cho chữ lớn.
  • Màu được đọc khi đã tắt làm mượt, nên đúng là pixel đó chứ không lẫn với các pixel bên cạnh.
  • Ảnh chụp màn hình dùng tốt như ảnh chụp, và đây là cách nhanh để lấy màu từ một biểu đồ.

Trình duyệt hỗ trợ

  • Chrome 94 trở lên
  • Firefox 93 trở lên
  • Safari 16.4 trở lên
  • Edge 94 trở lên

Đây là các phiên bản cũ nhất có đủ những gì công cụ dùng. Chúng được tính ra từ chính công cụ, nên thay đổi theo công cụ.

Số phiên bản được kiểm tra ngày 2026-09-04.

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

Làm sao lấy mã hex của một màu trong ảnh?

Chọn ảnh rồi chạm vào chỗ bạn muốn. Mã hex, RGB và HSL hiện ngay bên dưới, và một lần chạm là chép được bất kỳ giá trị nào. Pixel được đọc chính xác, không làm mượt, nên thứ bạn dán khớp với chỗ bạn đã trỏ.

Làm sao tìm các màu chủ đạo của một bức ảnh?

Chúng được tính ngay khi ảnh được nạp và hiện ra dưới dạng các ô màu, mỗi ô ghi rõ chiếm bao nhiêu phần bức ảnh. Chạm vào một ô để nó thành màu hiện tại và xem các số tương phản của nó.

Tại sao các công cụ bảng màu khác cho ra màu đục?

Vì chúng lấy trung bình từng nhóm màu tìm được, mà trung bình của hai màu rất khác nhau là một màu không có trong cả hai. Công cụ này thay vào đó chọn pixel thật gần với trung bình ấy nhất, nên một bông hoa đỏ và một chiếc lá xanh cho ra đỏ và xanh chứ không phải nâu.

Các con số tương phản nghĩa là gì?

Đó là tỉ lệ tương phản WCAG so với trắng và đen, từ 1:1 đến 21:1. Từ 4,5:1 trở lên là đạt AA cho chữ thường, 7:1 đạt AAA, còn 3:1 chỉ đủ cho chữ lớn. Dưới 3:1 thì màu đó không dùng được sau chữ.

Tôi lấy màu từ ảnh chụp màn hình được không?

Được, và đây là một trong những việc hữu ích nhất ở đây. Dán ảnh chụp màn hình bằng Ctrl+V rồi chạm vào cột của biểu đồ hay nền của một ứng dụng để lấy đúng mã hex.

Ảnh của tôi có bị tải lên không?

Không. Ảnh được giải mã và đọc ngay trong tab trình duyệt này bằng chính thiết bị của bạn, và không có bản sao nào được gửi đi đâu cả. Bạn có thể theo dõi tab Network của trình duyệt trong lúc làm.

Công cụ liên quan

Tệp của bạn được xử lý trên thiết bị và không được tải lên. Bạn có thể kiểm chứng trong công cụ dành cho nhà phát triển của trình duyệt, ở thẻ Network.