Bỏ qua tới nội dung
Toolars
Khám phá
Báo lỗi

Tiện ích Hình ảnh · Cục bộ

Màu trung bình của ảnh

Image Average Color Finder

Tính màu trung bình của ảnh với trọng số alpha — pixel trong suốt bị bỏ qua — và sao chép giá trị dạng HEX, rgb() hoặc rgba(). Phân tích chạy cục bộ.

Lộ trình tác vụ / từ đầu vào đến kết quả

Chọn hình ảnh

Chạy cục bộ · Không có gì được tải lên

Cách Màu trung bình của ảnh hoạt động, quyền riêng tư và các công cụ liên quan

Lộ trình tác vụ / từ đầu vào đến kết quả

Cách tìm màu trung bình của một hình ảnh

  1. 01

    Chọn hình ảnh

    Chọn Chọn tệp — hoặc thả hình ảnh vào vùng — và mở một PNG, JPEG hoặc WebP tối đa 12 MiB, tối đa 8.192 pixel mỗi cạnh và tổng 24.000.000 pixel. Các pixel được giải mã cục bộ và kích thước được xác nhận trước khi phân tích; không có gì được tải lên.

  2. 02

    Chạy phân tích

    Nhấn Tìm màu trung bình. Ảnh trên 4.000.000 pixel trước tiên được thu nhỏ trên một Canvas riêng để nằm trong giới hạn phân tích. Ảnh nhỏ hơn được đọc từ các pixel đã giải mã ở kích thước đầy đủ. Kết quả là ước lượng màu hữu ích, không phải phép đo chính xác từng byte của tệp gốc.

  3. 03

    Đọc kết quả có tính alpha

    Như ghi chú của không gian làm việc nêu, pixel trong suốt bị bỏ qua và alpha một phần đóng góp theo tỷ lệ, nên mép mềm và các hình cắt PNG không kéo màu về phía nền vô hình. Một hình ảnh hoàn toàn trong suốt không có gì để tính trung bình và bị từ chối với thông báo rõ ràng.

  4. 04

    Sao chép hoặc tải xuống giá trị

    Mẫu màu kết quả hiển thị màu dưới dạng HEX, rgb() và rgba(). Nhấp vào mẫu màu để sao chép nó, dùng điều khiển sao chép cho toàn bộ văn bản, hoặc Tải xuống các giá trị thành một tệp văn bản nhỏ để dán vào stylesheet hay ghi chú thiết kế.

Thông tin công cụ

Xử lý
Trong trình duyệt của bạn
Dữ liệu nhập rời thiết bị này
Không bao giờ
Lưu giữ
Không có gì được lưu
Giá
Miễn phí

Dữ liệu bạn nhập ở lại trong trình duyệt.

Màu trung bình của ảnh dùng lộ trình thực thi cục bộ đã xác minh và không tạo lịch sử đầu vào hay đầu ra ẩn.

Thực thi cục bộ

Chạy bên trong tab trình duyệt hiện tại.

Không xử lý ẩn

Dữ liệu công cụ đang hoạt động không bao giờ trở thành bản ghi tài liệu của Toolars.

Không cần tài khoản

Dùng quy trình cốt lõi mà không cần tạo hồ sơ. Mục yêu thích đồng bộ vào tài khoản sau khi bạn đăng nhập.

Đặt lại ngay lập tức

Xóa tab và dữ liệu đang làm việc sẽ biến mất.

Màu trung bình của ảnh thực sự làm gì

Chọn một tint nền hợp với ảnh hero, kiểm tra một tài sản thương hiệu có còn đúng tông sau đợt thiết kế lại, lấy tông trung bình của một ảnh sản phẩm làm màu placeholder CSS — màu trung bình thường là bản tóm tắt trung thực nhanh nhất của một hình ảnh. Một lượt điển hình mất vài giây: thả ảnh vào, nhấn Tìm màu trung bình, nhấp mẫu màu, và giá trị HEX đã nằm trên clipboard, sẵn sàng trở thành một custom property --placeholder-color. Trình tìm màu trung bình ảnh tính nó từ các pixel được giải mã cục bộ, nên ngay cả việc phân tích một hình ảnh chưa công bố cũng ở lại trên thiết bị.

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

Màu trung bình được tính thế nào?
Công cụ tính trọng số RGB của mỗi pixel đã giải mã theo alpha: pixel trong suốt hoàn toàn không góp màu, pixel bán trong suốt góp ít hơn. Alpha hiển thị là độ mờ trung bình của tất cả pixel được phân tích, kể cả pixel trong suốt. Ảnh trên 4.000.000 pixel dùng bản sao thu nhỏ nên kết quả chỉ gần đúng.
Vì sao hình lớn bị thu nhỏ trước khi đo?
Thu nhỏ ảnh giúp giới hạn bộ nhớ Canvas và lượng xử lý cho ảnh lớn. Việc này diễn ra trên bản sao cục bộ, không sửa tệp gốc, nhưng lấy mẫu lại có thể làm đổi màu đo được, nhất là ở chi tiết nhỏ và mép trong suốt. Hãy đối chiếu với ảnh trước khi dùng làm màu thương hiệu.
Tôi nên sao chép định dạng nào cho stylesheet?
HEX và rgb() hiển thị các kênh RGB đo được sau khi làm tròn. rgba() còn có alpha trung bình; HEX và rgb() không chứa độ mờ đó. Nếu ảnh có vùng trong suốt, hãy dùng rgba() khi độ mờ quan trọng và xem trước trên nền dự định.
Vì sao một hình hoàn toàn trong suốt bị thất bại?
Một hình ảnh không có pixel nhìn thấy không có màu để báo, nên công cụ từ chối với thông báo rõ ràng thay vì bịa ra đen hay trắng. Nếu tệp lẽ ra phải chứa nội dung nhìn thấy, hãy kiểm tra nó đã xuất với đúng alpha bạn định chưa.
Hình ảnh có bị tải lên đâu không?
Không. Giải mã và lấy trung bình chạy hoàn toàn bên trong tab trình duyệt hiện tại, không cần tài khoản, và đặt lại không gian làm việc sẽ hủy hình ảnh và màu đã đo.

Tiếp tục trong Studio hình ảnh

Tác vụ liên quan, không phải ngõ cụt.

Chuyển sang một không gian làm việc tập trung khác mà không cần quay lại mục lục đầy đủ.

Cắt ảnh

Image Cropper

Cắt PNG, JPEG hoặc WebP theo tọa độ pixel chính xác với tỷ lệ tự do, 1:1, 4:3, 3:2 hoặc 16:9. Xuất PNG, JPEG hay WebP ở chất lượng chọn được, cục bộ.

Chỉnh sửa

Bộ lọc ảnh

Image Filters

Điều chỉnh độ sáng, tương phản, bão hòa, thang xám, sepia và làm nhòe qua sáu thanh trượt, rồi tải PNG ở kích thước nguồn, xử lý hoàn toàn trong trình duyệt.

Chỉnh sửa

Đổi kích thước ảnh

Image Resizer

Đổi kích thước ảnh về pixel chính xác có khóa tỷ lệ, hoặc xử lý hàng loạt tối đa 12 hình thành một tệp zip. Xuất PNG, JPEG hoặc WebP, không tải lên.

Chỉnh sửa

Trích xuất màu từ ảnh

Image Color Extractor

Trích tối đa 12 nhóm màu RGB, xếp theo tỷ lệ có trọng số alpha trong mẫu nhìn thấy; sao chép HEX hoặc tải bảng màu JSON.

Kiểm tra