Tạo blob SVG

CSS VÀ THIẾT KẾ TƯƠNG TỰ

Xem tất cả

Mã nguồn thành ảnh

Biến đoạn mã thành ảnh chụp màn hình đẹp mắt.

Mở →

Tạo gradient CSS

Thiết kế gradient tuyến tính, tỏa tròn và conic bằng giao diện trực quan, sao chép CSS ngay.

Mở →

Glassmorphism CSS

💬 Bình luận

?

Chưa có bình luận nào. Hãy là người đầu tiên!

Tạo blob SVG LÀ GÌ?

Tạo hình blob SVG hữu cơ ngẫu nhiên với độ phức tạp, độ ngẫu nhiên và màu tô điều chỉnh được — phù hợp trang trí nền hoặc minh họa — và sao chép SVG hoặc clip-path.

Cách sử dụng

“Độ phức tạp” (3–10) đặt số điểm; càng cao càng chi tiết. “Độ ngẫu nhiên” điều khiển các điểm lệch khỏi hình tròn hoàn hảo bao xa — 0 gần như tròn, 100 bất quy tắc nhất.
Nhấp 6 hình tròn màu để chọn chuyển sắc (Tím, Hồng đào, Lục lam, Hổ phách, Hồng) hoặc màu đặc — bản xem trước cập nhật ngay.
Chọn trong 5 hoạt ảnh CSS (Không, Pulse, Float, Wobble, Spin). SVG xuất ra tự động nhúng mã @keyframes tương ứng.
Nhấp “Ngẫu nhiên hóa” để nhảy ngay sang hình mới. Khi tìm được hình bạn thích, tinh chỉnh Độ phức tạp và Độ ngẫu nhiên để hoàn thiện.
Bốn tùy chọn xuất: “Sao chép SVG” cho đánh dấu đầy đủ, “Sao chép clip-path” cho che bằng CSS, tải xuống dạng vector SVG hoặc PNG 800×800px.

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

Trình tạo SVG Blob là gì?

Tạo đồ họa SVG hữu cơ hình khối mềm mại với màu sắc, độ phức tạp và độ ngẫu nhiên có thể tùy chỉnh.

SVG có thể dùng ở đâu?

Nhúng vào HTML/CSS hoặc tải xuống rồi nhập vào Figma, Illustrator, v.v.

Mỗi lần nhấp có tạo ra hình dạng khác nhau không?

Có. Mỗi lần nhấp Tạo lại sẽ tạo ra một hình blob ngẫu nhiên độc nhất.