Nhà phát triển / Màu SVG
Công cụ đổi màu SVG: Tô màu lại và sao chép SVG
Kiểm tra các màu SVG được chỉ rõ cùng số lần sử dụng, chỉnh các điểm dừng chuyển màu và quy tắc tô CSS đơn giản, rồi tải xuống SVG hoặc sao chép mã.
Công cụ đổi màu SVG: Tô màu lại và sao chép SVG: Tìm các mã màu tô được chỉ rõ trong các thuộc tính fill, stroke, stop-color, color, flood-color và lighting-color, trong kiểu nội tuyến cũng như các quy tắc kiểu đơn giản. Màu có tên, mã hex ngắn, rgb() và hsl() được chuẩn hóa. Các thay thế giữ nguyên những byte khác của mã nguồn nếu việc làm sạch không yêu cầu thay đổi chúng. Chạy 100% cục bộ trong trình duyệt của bạn, không có tệp nào được tải lên máy chủ.
- Danh mục
- Công cụ lập trình viên
- Lượt chạy
- Trong trình duyệt của bạn
- Chi phí
- Miễn phí · không cần đăng ký
- Trạng thái khả dụng
- Sẵn sàng sử dụng
Chạy hoàn toàn trong trình duyệt của bạn
Màu SVG
Các giá trị tô màu, nét vẽ và điểm dừng chuyển màu của SVG sử dụng giá trị màu và tham chiếu đến máy chủ tô màu. Đặc tả: https://www.w3.org/TR/SVG2/painting.html
Cú pháp màu
Bộ phân tích cú pháp hỗ trợ màu có tên, mã hex, rgb(), hsl() và currentColor. Độ trong suốt alpha được giữ lại nếu được cung cấp. Biến CSS và các không gian màu nâng cao nằm ngoài phạm vi của bộ phân tích cú pháp của công cụ này. Đặc tả: https://www.w3.org/TR/css-color-4/
Cách sử dụng
- Thả tệp SVG vào hoặc dán mã đánh dấu của tệp.
- Dùng từng bộ chọn màu hoặc nhập màu thay thế; bạn cũng có thể đổi màu tất cả mã màu cùng lúc.
- So sánh trước và sau, rồi tải xuống hoặc sao chép SVG đã được làm sạch.
Quyền riêng tư và giới hạn
Mã SVG được giữ trong trình duyệt của bạn. Bản xem trước là các hình ảnh được cô lập, còn nội dung không an toàn và tài nguyên bên ngoài sẽ bị xóa.
Công cụ liên quan
Câu hỏi thường gặp
Số lần sử dụng đếm những gì?
Các mã màu được chỉ rõ trong mã đánh dấu, không phải số lượng điểm ảnh được kết xuất hay số phần tử nhận kiểu kế thừa.
Công cụ có hỗ trợ chuyển màu không?
Có. Bạn có thể thay đổi màu của các điểm dừng chuyển màu mà không thay thế ID hoặc tham chiếu của chuyển màu.
currentColor có tác dụng gì?
Nó sử dụng giá trị color CSS được kế thừa khi SVG được nhúng nội tuyến. Bản xem trước hình ảnh thường dùng màu đen, trừ khi chính SVG định nghĩa color.
Mọi màu CSS có được phân giải không?
Không. Biến CSS, không gian màu nâng cao, giá trị mặc định được kế thừa và kết quả bộ chọn đã tính toán không được phân giải. Các khai báo và bộ chọn đơn giản được hỗ trợ.
Công cụ miễn phí · trong trình duyệt của bạn lượt chạy · không cần tài khoản