Bộ chọn màu hình ảnh
Khi muốn xác định màu sắc của một thương hiệu từ ảnh chụp logo hoặc lấy màu tường trong một bức ảnh, bạn thường phải mở Photoshop. Công cụ này tải bất kỳ hình ảnh nào vào một canvas có thể phóng to, hiển thị giá trị HEX, RGB và HSL của điểm ảnh mà bạn nhấp vào, kèm theo giá trị trung bình trên vùng 10×10 để bạn có thể lấy mẫu từ một vùng thay vì chỉ một điểm ảnh riêng lẻ, từ đó tránh được các hiện tượng nhiễu do định dạng JPEG gây ra.
Làm thế nào để chọn một màu từ hình ảnh
-
1
Tải lên hoặc thả hình ảnh
JPG, PNG, WebP, bộ chọn sẽ tự động điều chỉnh kích thước để phù hợp với khung hiển thị của bạn.
-
2
Phóng to vào khu vực đó
Cuộn để phóng to; kéo để di chuyển đến vị trí chính xác bạn muốn lấy mẫu.
-
3
Nhấp vào một điểm ảnh
Đọc kết quả ngay lập tức ở các định dạng HEX, RGB, HSL, cùng với mẫu màu được phóng to.
-
4
Sao chép ký hiệu bạn cần.
Chỉ cần một cú nhấp là bạn có thể sao chép hàm HEX, rgb() hoặc hsl() vào bảng nhớ.
-
5
Lưu nhiều mẫu
Hãy thu thập một bộ màu gồm từ 6 đến 10 sắc màu từ khắp toàn bộ hình ảnh để làm tài liệu tham khảo cho thiết kế.
Lấy các mẫu chính xác
Việc chọn màu chỉ dựa trên một điểm ảnh gần như chưa bao giờ là lựa chọn phù hợp cho một bức ảnh thực tế – việc nén định dạng JPEG, nhiễu ảnh và sự biến đổi ánh sáng đều gây ra sự khác biệt từ điểm ảnh này sang điểm ảnh khác, ngay cả trong những khu vực có hình ảnh đồng nhất về mặt thị giác.
Các phương thức lấy mẫu
| Chế độ | Chức năng | Thời điểm sử dụng |
|---|---|---|
| Điểm | Một điểm ảnh nằm dưới con trỏ | Lấy mẫu hình ảnh chụp màn hình từ công cụ thiết kế |
| 3 × 3 trung bình | Giá trị trung bình của 9 điểm ảnh xung quanh vị trí nhấp chuột | Ảnh định dạng JPG với mức nén thấp |
| 10 × 10 trung bình | Giá trị trung bình của 100 điểm ảnh | Các bức ảnh bị nén mạnh hoặc có nhiễu |
| Diện tích trung bình | Vẽ một hình chữ nhật và tính giá trị trung bình của tất cả các điểm ảnh bên trong | Các biểu tượng và tài nguyên thiết kế màu đơn giản |
Những lưu ý về không gian màu sắc
– Các ảnh chụp màn hình từ màn hình hiển thị các giá trị sRGB; màu sắc được chọn trùng khớp với màu sắc gốc. – Các bức ảnh từ máy ảnh có thể được lưu ở định dạng Adobe RGB hoặc DCI-P3; công cụ chọn màu hiển thị ở chế độ sRGB, do đó màu đỏ rực trong ảnh chụp bằng điện thoại có gam màu rộng sẽ trông hơi mất độ bão hòa. – Hình ảnh định dạng PNG với hồ sơ ICC: công cụ chọn hình ảnh sẽ chuyển đổi sang định dạng sRGB trước khi lấy mẫu, nhằm đảm bảo kết quả đầu ra nhất quán.
Các trường hợp sử dụng phổ biến
– Phù hợp màu sắc logo của khách hàng từ ảnh chụp màn hình thay vì phải đoán.
- Tạo bảng màu từ một ảnh tham chiếu (ảnh phong cảnh, bảng cảm hứng hoặc ảnh tĩnh từ phim).
- Kiểm tra các giá trị hex trên trang web đã được hiển thị nhưng đã mất các token thiết kế. – Kiểm tra xem màu sắc của thương hiệu đã được bên liên quan áp dụng đúng cách hay không.
Bảo mật
Hình ảnh được tải vào khung hiển thị của trình duyệt mà không bao giờ được gửi lên; bộ chọn chỉ thực hiện việc đọc dữ liệu trên phía máy khách, do đó các thiết kế mật sẽ luôn được bảo mật.
Câu hỏi thường gặp
Việc nén định dạng JPEG có thể làm thay đổi màu sắc một chút, đặc biệt là trong các vùng chuyển màu và gần mép hình ảnh. Nếu tệp nguồn là định dạng JPG, hãy thử chế độ trung bình 10 × 10; nếu bạn có sẵn tệp PNG hoặc SVG gốc, hãy lấy mẫu từ đó để đảm bảo sự trùng khớp chính xác.
Không phải trực tiếp. Hãy chụp ảnh màn hình của khung hình bạn cần và tải vào hệ thống. Đối với các công việc chuyển đổi video thành bảng màu đòi hỏi độ chính xác cao, hãy sử dụng công cụ xử lý video để trích xuất các khung hình và lấy mẫu từng khung hình.
Nó lấy mẫu từ khung hình đang hiển thị khi bạn nhấp chuột. Hãy tạm dừng hoặc cuộn đến khung hình mong muốn trước khi thực hiện lấy mẫu.
Tối đa 20 màu cho mỗi phiên làm việc. Các bảng màu được lưu trữ cục bộ trên máy của bạn; do đó, khi làm mới trang web chúng vẫn được giữ lại, nhưng nếu xóa dữ liệu trình duyệt thì chúng sẽ bị mất.
Công cụ liên quan
Trình đổi kích thước ảnh
Đổi kích thước ảnh theo số pixel chính xác hoặc theo phần trăm mà vẫn giữ tỷ lệ khung hình. Phù hợp để chuẩn bị nhiều ảnh, không cần tải lên.
Công cụ tăng độ phân giải ảnh
Phóng to ảnh độ phân giải thấp lên 2×, 3× hoặc 4× bằng siêu phân giải AI hoặc nội suy cổ điển, đồng thời giữ các chi tiết quan trọng.
Trình thay đổi kích thước ảnh hàng loạt
Kéo thả nhiều ảnh, căn vừa hoặc kéo giãn theo kích thước mục tiêu, rồi xuất JPG, PNG hoặc WebP trong một file ZIP. Mọi xử lý ở lại trong trình duyệt.
Nén GIF
Giảm kích thước GIF động trong trình duyệt bằng cách thu nhỏ kích thước, giữ ít khung hình hơn và chỉnh chất lượng mã hóa. Xem trước vòng lặp trước khi tải xuống.
Trình tạo chữ graffiti
Tạo chữ graffiti theo kiểu tag, bong bóng, khối, stencil, neon và wild. Chỉnh màu rồi xuất PNG hoặc SVG ngay trong trình duyệt.
Trình tạo GIF
Chuyển chuỗi ảnh hoặc video ngắn thành GIF động. Điều chỉnh tốc độ khung hình, số vòng lặp và kích thước trước khi xuất.