Bộ chọn màu hình ảnh

Đang khôi phục tệp đã chọn...

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. 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. 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. 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. 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. 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