UTILS.
100% trong trình duyệt

Trình tạo CSS Filter

Kết hợp các bộ lọc CSS bằng thanh trượt với xem trước trực tiếp, rồi sao chép.

Về công cụ này

Xếp chồng các bộ lọc blur, brightness, contrast, grayscale, sepia, saturate và hue-rotate trên bản xem trước trực tiếp, rồi sao chép quy tắc filter kết hợp. Mọi thứ chạy trong trình duyệt của bạn.

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

Tôi có thể áp dụng bộ lọc này cho một ảnh không?
Có — hãy sao chép quy tắc vào bất kỳ phần tử nào như thẻ img, và các hàm filter được liệt kê sẽ áp dụng theo thứ tự hiển thị.
Tại sao thứ tự của các hàm filter lại quan trọng?
Các bộ lọc được áp dụng từ trái sang phải, nên làm mờ trước khi điều chỉnh độ sáng cho kết quả khác với làm ngược lại; hãy giữ thứ tự trông đẹp nhất.

Công cụ khác