tô lại màu SVG
☞ chạy hoàn toàn trong trình duyệt — không có gì được tải lênThả tệp SVG của bạn vào đây
hoặc nhấp để chọn — chỉ nhận SVG
Xem trước
OneImageTool
Công cụ ảnh miễn phí
tô lại màu SVG
Mọi màu trong tệp, gom về một bảng màu duy nhất — chỉnh màu nào cũng thấy kết quả ngay, hoặc giao hết cho CSS bằng currentColor.
hoặc nhấp để chọn — chỉ nhận SVG
Xem trước
một bảng màu, mọi màu
Một màu có thể nằm ở thuộc tính fill hay stroke, trong style nội tuyến, hoặc trong bảng kiểu nhúng ngay trong tệp — và bản xuất từ Illustrator hay Figma thường chọn cách cuối. Đó là lý do việc sửa tay một tệp SVG trong trình soạn thảo văn bản hay bỏ sót vài hình.
Công cụ này đọc cả ba chỗ, cộng thêm các điểm dừng chuyển sắc và màu của bộ lọc, rồi gom lại thành một bảng màu. Đổi một ô màu là mọi chỗ dùng màu đó cùng đổi theo, dù nó được viết ở đâu.
ba bước
Chọn một tệp .svg — nó vẫn nằm trên thiết bị của bạn.
Mỗi màu trong tệp có một ô, kèm số lần được dùng.
Chỉ màu thay đổi; các hình khối vẫn nguyên vẹn.
giải đáp nhanh
Nó bảo hình khối dùng màu chữ của phần tử đang chứa nó. Một biểu tượng đặt currentColor sẽ thành trắng trong nút màu tối và thành xám trong đoạn chữ mờ, mà không cần tệp thứ hai hay thêm một dòng CSS nào. Đây cũng là cách chuẩn mà các thư viện biểu tượng phát hành SVG.
Chuyển sắc là một tham chiếu tới định nghĩa nằm ở chỗ khác trong tệp chứ không phải một màu, nên thay nó đi đồng nghĩa với xóa chuyển sắc chứ không phải đổi màu. Màu của từng điểm dừng bên trong chuyển sắc vẫn hiện trong bảng màu — hãy chỉnh những màu đó.
Vậy là tệp không có màu của riêng nó. Thường thì hình đã được đặt currentColor sẵn, hoặc đang thừa hưởng màu từ một bảng kiểu bên ngoài tệp. Hãy mở bằng trình xem SVG để đọc mã nguồn.
Màu được gom nhóm theo giá trị thực sự mà chúng quy về, nên #FFF, #ffffff và white là cùng một mục. Chỉnh mục đó sẽ cập nhật tất cả, mỗi chỗ vẫn giữ đúng cách viết ban đầu.
Không. Tệp được phân tích và ghi lại ngay trong trình duyệt của bạn.