Hướng dẫn sử dụng Lấy màu từ ảnh: cách dùng từng bước

Tìm các màu chủ đạo của ảnh, lấy mã HEX, RGB, HSL, bấm vào ảnh để lấy màu tại một điểm, sao chép biến CSS.

Ảnh minh hoạ hướng dẫn sử dụng Lấy màu từ ảnh trên Unoify

Mở một ảnh để xem các màu chủ đạo của nó, hoặc bấm vào ảnh để lấy đúng màu tại điểm đó. Mỗi màu có mã HEX, RGB, HSL và tỉ lệ trong ảnh. Mọi thứ chạy trong trình duyệt của bạn.

Lấy màu từ ảnh dùng để làm gì?

Tìm các màu chủ đạo của một ảnh và lấy mã HEX, RGB, HSL, xem tỉ lệ từng màu và độ tương phản với chữ trắng hoặc đen; bấm vào ảnh để lấy màu tại một điểm; sao chép dưới dạng danh sách HEX, biến CSS hoặc JSON. Ảnh không rời khỏi máy.

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

  1. Thả ảnh vào khung hoặc bấm để chọn ảnh.
  2. Chọn số màu muốn lấy; các màu chủ đạo hiện ngay kèm mã HEX, RGB, HSL.
  3. Bấm vào ảnh để lấy màu tại một điểm, hoặc sao chép cả bảng dưới dạng HEX, biến CSS hay JSON.

Cách tìm màu chủ đạo

  • Công cụ thu nhỏ ảnh, gom các màu giống nhau rồi chia dần thành nhóm theo thuật toán "median cut" (cắt đôi ở giữa theo kênh màu rộng nhất); màu của mỗi nhóm là màu trung bình của các điểm trong nhóm. Nhóm có nhiều điểm hơn được xếp trước.
  • Điểm ảnh trong suốt không được tính. Kết quả là gợi ý: với ảnh có nhiều sắc độ, các lần chọn số màu khác nhau cho bảng khác nhau.
  • Độ tương phản tính theo WCAG 2 giữa màu và chữ trắng hoặc đen (chọn màu đọc rõ hơn); từ 4,5:1 trở lên là đạt mức AA cho chữ thường.
  • Ảnh không được gửi đi đâu: mọi thứ chạy trong trình duyệt. Tối đa 20 MB và khoảng 16 triệu điểm ảnh.

Giới hạn và quyền riêng tư

Công cụ xử lý dữ liệu ngay trong trình duyệt của bạn, nội dung không được gửi lên máy chủ. Giới hạn của công cụ: 20 MB.

Dùng thử ngay: Lấy màu từ ảnh.

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

Vì sao màu lấy được hơi khác màu tôi thấy?

Màu chủ đạo là trung bình của nhiều điểm gần giống nhau nên có thể không trùng với một điểm cụ thể. Muốn đúng một điểm, hãy bấm vào ảnh.

Ảnh của tôi có được gửi đi không?

Không. Ảnh được mở và phân tích trong trình duyệt của bạn.

Công cụ liên quan