Chọn màu từ ảnh
Bấm vào bất kỳ điểm ảnh nào để lấy đúng mã màu của nó.
Di chuột trên ảnh để phóng to, rồi bấm để lấy đúng màu của một điểm ảnh.
Chạy ngay trên trình duyệt. File của bạn không bao giờ rời khỏi thiết bị.
- HEX, RGB và HSL
- Kính lúp để chọn chính xác
- Bảng màu chủ đạo
Cách chọn màu từ một ảnh
- Thả ảnh vào đây.
- Di chuột trên ảnh rồi bấm vào đúng điểm ảnh bạn muốn.
- Sao chép mã HEX, RGB hoặc HSL.
Giải thích HEX, RGB và HSL
| Định dạng | Ví dụ | Dùng cho |
|---|---|---|
| HEX | #3B82F6 | CSS, công cụ thiết kế, hầu hết style guide |
| RGB | rgb(59, 130, 246) | CSS, trình chỉnh sửa ảnh |
| HSL | hsl(217, 91%, 60%) | Chỉnh độ sáng hoặc độ bão hòa của một màu |
Bảng màu chủ đạo được tạo ra như thế nào
Ảnh được thu nhỏ về kích thước xử lý nhỏ, sau đó màu sắc của nó được gộp thành khoảng 8 sắc tiêu biểu bằng kỹ thuật lượng tử hóa màu, cùng kỹ thuật dùng để giảm một ảnh xuống bảng màu nhỏ hơn cho GIF hoặc PNG dùng bảng màu. Nó phản ánh những màu chiếm nhiều diện tích nhất, không hẳn là những màu nổi bật nhất.
Mẹo để chọn chính xác
- Phóng to bằng kính lúp trước khi bấm chọn. Nó hiện một vùng phóng to quanh con trỏ để bạn canh đúng điểm ảnh muốn lấy.
- Bấm Lịch sử để dùng lại một màu đã chọn trước đó trong cùng phiên làm việc.
- Với ảnh có nhiễu hoặc vệt nén JPEG, hãy chọn một điểm ảnh ở vùng phẳng của màu bạn muốn thay vì ở cạnh viền, nơi nén có thể làm lệch từng điểm ảnh.
Câu hỏi thường gặp về Chọn màu từ ảnh
Việc chọn màu chính xác đến mức nào?
Nó đọc đúng điểm ảnh dưới con trỏ, được phóng to qua kính lúp để bạn canh chuẩn xác.
Bảng màu chủ đạo là gì?
Nó hiển thị khoảng 8 màu xuất hiện nhiều nhất trong ảnh, hữu ích khi cần khớp một thiết kế với một bức ảnh.
Tôi có thể quay lại một màu đã chọn trước đó không?
Được. Mỗi màu bạn bấm vào đều được lưu trong Lịch sử, nên bạn có thể bấm lại để lấy lại mã HEX, RGB và HSL của nó.
Ảnh của tôi có bị tải lên không?
Không. Công cụ chọn màu đọc điểm ảnh ngay trong trình duyệt, nên ảnh không bao giờ rời khỏi thiết bị.
Khác nhau giữa HEX và RGB là gì?
Chúng mô tả đúng cùng một màu theo hai ký hiệu khác nhau. HEX dùng mã 6 chữ số, RGB nêu rõ giá trị đỏ, xanh lá và xanh dương từ 0 đến 255. Dùng loại nào tùy công cụ hoặc CSS của bạn cần.
Vì sao nên dùng HSL thay vì HEX?
HSL tách riêng sắc độ, độ bão hòa và độ sáng của một màu, nên dễ tạo phiên bản sáng hơn hoặc nhạt hơn của một màu bằng cách đổi một con số thay vì tính lại cả ba giá trị RGB.
Màu được chọn có tính đến việc nén JPEG không?
Không, nó đọc đúng giá trị điểm ảnh từ file bạn thả vào, kể cả bất kỳ sai lệch màu nào mà nén JPEG đã gây ra từ trước. Để có màu chuẩn nhất, hãy chọn từ một vùng phẳng thay vì cạnh viền.