pixel → HEX · RGB · HSL
Công cụ lấy màu từ ảnh
Bấm vào một điểm ảnh để đọc màu của nó: điểm ảnh #0060fd được đọc là rgb(0, 96, 253) và hsl(217, 100%, 50%). Thêm một ảnh để lấy màu từ ảnh của bạn.
- rgb(0, 96, 253) = #0060fd
- rgb(255, 128, 0) = #ff8000
- #0060fd 75% + #ffffff 25%
Chọn bằng cách bấm, chạm hoặc dùng phím mũi tên. Ảnh của bạn chỉ được vẽ trong thẻ này và không bao giờ được tải lên.
Scanned by 
NortonTM Safe Web
Tóm tắt nhanh
- Giá
- Không mất phí
- Tài khoản
- Không cần
- Tải lên
- Không có — ảnh được vẽ trong thẻ trình duyệt của bạn và không có gì bị gửi đi đâu cả
- Định dạng
- PNG, JPEG, WebP, GIF, AVIF, BMP và SVG, tùy trình duyệt của bạn giải mã được đến đâu
- Kích thước ảnh
- Vẽ tối đa 1600 pixel ở cạnh dài nhất; tệp tối đa 200 MB và 120 triệu pixel
- Bảng màu
- Sáu màu chủ đạo bằng median cut trên khoảng 20,000 điểm ảnh lấy mẫu
Các màu đã lấy và cách bảng màu hoạt động
Các dòng này được tạo bởi cùng mã với công cụ. Bảng màu dùng một ảnh 4 × 4 pixel với mười hai điểm ảnh xanh và bốn điểm ảnh trắng.
| Màu điểm ảnh | HEX | RGB | HSL |
|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) |
| #ff8000 | #ff8000 | rgb(255, 128, 0) | hsl(30, 100%, 50%) |
| #00a86b | #00a86b | rgb(0, 168, 107) | hsl(158, 100%, 33%) |
| #767676 | #767676 | rgb(118, 118, 118) | hsl(0, 0%, 46%) |
| #fdd835 | #fdd835 | rgb(253, 216, 53) | hsl(49, 98%, 60%) |
| Màu trong bảng màu | Tỉ lệ điểm ảnh |
|---|---|
| #0060fd | 75% |
| #ffffff | 25% |
Cách lấy màu từ một ảnh
Thêm một ảnh
Thả tệp PNG, JPEG, WebP, GIF, AVIF, BMP hoặc SVG vào khung, chọn một tệp bằng Duyệt, hoặc dán ảnh từ bộ nhớ tạm. Một ảnh mẫu được hiển thị cho đến khi bạn thêm ảnh của mình.
Bấm, chạm hoặc dùng phím mũi tên
Bấm hoặc chạm vào một điểm, hay kéo ngang qua ảnh. Khi ảnh đang được focus, các phím mũi tên di chuyển dấu thập một pixel mỗi lần và Shift cùng mũi tên di chuyển mười pixel. Các ô hiển thị màu dưới dạng HEX, RGB và HSL.
Sao chép một màu hoặc một mục trong bảng màu
Bấm Sao chép trên một ô, hoặc bấm một ô màu trong bảng màu để sao chép mã HEX của nó. Bảng màu liệt kê sáu màu chủ đạo của toàn bộ ảnh cùng phần trăm diện tích ảnh mà mỗi màu chiếm.
Các màu được đọc thế nào
Trình duyệt giải mã tệp của bạn và trang vẽ nó lên một phần tử canvas trong thẻ này. Ảnh lớn hơn 1600 pixel ở cạnh dài nhất sẽ được thu nhỏ cho vừa, nên màu bạn đọc từ một ảnh rất lớn đến từ bản thu nhỏ, nơi các điểm ảnh lân cận đã được lấy trung bình. Sau đó trang hỏi canvas các giá trị đỏ, lục, lam và alpha của đúng điểm ảnh dưới dấu thập và hiển thị chúng dưới dạng HEX, RGB và HSL. Một điểm ảnh có độ trong suốt được hiển thị kèm giá trị alpha. Canvas lưu màu đã nhân với alpha, nên một kênh của điểm ảnh trong suốt một phần có thể lệch một đơn vị: 200 được đọc là 199 ở độ mờ đục 50%.
Bảng màu dùng thuật toán median cut. Trang xét cứ mỗi n điểm ảnh, tối đa khoảng 20,000 điểm, và bỏ qua các điểm ảnh trong suốt hơn một nửa. Trang đưa các màu này vào một hộp rồi liên tục cắt hộp có độ trải rộng nhất ở một kênh tại trung vị của kênh đó, cho đến khi có sáu hộp hoặc không còn hộp nào chứa hai màu khác nhau. Mỗi hộp được hiển thị bằng giá trị trung bình các điểm ảnh của nó, cùng phần trăm điểm ảnh lấy mẫu mà nó chứa, từ lớn đến nhỏ. Kết quả luôn giống nhau với cùng một ảnh. Ảnh có ít hơn sáu màu riêng biệt cho bảng màu ngắn hơn, và ảnh động được đọc như một ảnh tĩnh duy nhất.
Câu hỏi về công cụ lấy màu từ ảnh
Làm sao lấy mã HEX của một màu trong ảnh?
Thêm ảnh, rồi bấm vào vị trí bạn muốn. Ô HEX hiển thị mã của điểm ảnh đó, ví dụ #0060fd, và Sao chép đưa nó vào bộ nhớ tạm. Để lấy các màu chính mà không phải chọn vị trí, hãy bấm một ô màu trong bảng màu.
Những định dạng ảnh nào dùng được?
PNG, JPEG, WebP, GIF, AVIF, BMP và SVG, miễn là trình duyệt của bạn giải mã được. AVIF phụ thuộc vào phiên bản trình duyệt. Các tệp khác, như PDF hoặc TIFF, bị từ chối kèm một thông báo. Tệp trên 200 MB hoặc trên 120 triệu pixel cũng bị từ chối.
Bảng màu sáu màu được chọn thế nào?
Bằng median cut trên một mẫu khoảng 20,000 điểm ảnh: các màu được chia thành các hộp tại trung vị của kênh rộng nhất cho đến khi có sáu hộp, và mỗi hộp trở thành giá trị trung bình các điểm ảnh của nó. Phần trăm dưới mỗi ô màu là tỉ lệ điểm ảnh lấy mẫu nằm trong hộp đó. Các điểm ảnh phần lớn trong suốt bị bỏ qua.
Vì sao hai điểm ảnh gần nhau cho màu hơi khác nhau?
Ảnh chụp và ảnh nén như JPEG biến thiên đôi chút giữa các điểm ảnh, nên hai điểm trông giống nhau có thể lệch vài đơn vị mỗi kênh. Hãy bấm nhiều điểm, hoặc dùng bảng màu vốn lấy trung bình nhiều điểm ảnh, khi bạn muốn một màu đại diện.
Ảnh của tôi có bị tải lên đâu không?
Không. Tệp được trình duyệt giải mã và vẽ trong thẻ này, các màu được đọc từ bản vẽ đó, và không có gì được gửi đến máy chủ. Đóng hoặc tải lại trang sẽ bỏ ảnh đi.
Nút chọn từ màn hình có tác dụng gì?
Trong các trình duyệt có tính năng EyeDropper, nút này cho phép bạn bấm vào bất kỳ điểm nào trên màn hình, kể cả các cửa sổ khác, và hiển thị màu của nó. Trình duyệt không có tính năng này sẽ không hiển thị nút; công cụ chọn từ ảnh dùng được ở mọi nơi.