Tạo Hình Blob SVG
Tự động tạo hình blob hữu cơ bằng SVG. Điều chỉnh độ ngẫu nhiên và độ phức tạp để trang trí thiết kế web.
Xem Trước
SVG
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path d="M 270.05 200.00 C 270.25 233.61, 313.10 272.60, 301.43 301.43 C 289.75 330.26, 229.50 377.27, 200.00 372.96 C 170.50 368.65, 144.88 304.39, 124.44 275.56 C 103.99 246.74, 76.22 224.08, 77.33 200.00 C 78.43 175.92, 110.63 165.51, 131.07 131.07 C 151.52 96.63, 171.81 -1.41, 200.00 -6.62 C 228.19 -11.84, 288.54 65.35, 300.21 99.79 C 311.89 134.22, 269.84 166.39, 270.05 200.00 Z" fill="#6366f1" />
</svg>Cách sử dụng
Đặt Tham Số
Đặt tham số: độ phức tạp, độ ngẫu nhiên, kích thước, v.v.
Tạo Blob
Tạo và xem trước hình dạng blob ngẫu nhiên
Sao Chép SVG
Sao chép mã SVG hoặc tải xuống dưới dạng hình ảnh
Tính năng
Tạo Một Cú Nhấp
Tạo hình blob độc đáo ngay lập tức với một cú nhấp
Tùy Chỉnh Hoàn Toàn
Tự do điều chỉnh độ phức tạp, độ ngẫu nhiên, màu sắc và gradient
Nhiều Định Dạng Xuất
Xuất dưới dạng mã SVG, tệp SVG, hình ảnh PNG và nhiều hơn nữa
FAQ
🔗Công cụ liên quan
Chuyển Đổi Mã Màu
Chuyển đổi giữa mã màu HEX, RGB và HSL. Sử dụng bộ chọn màu và xem trước thời gian thực để chọn màu trực quan.
Bảng Chọn Màu
Chọn màu trực quan bằng bánh xe màu và thanh trượt. Lấy và sao chép mã màu ở định dạng HEX, RGB và HSL.
Trích xuất màu từ ảnh
Tự động phát hiện màu chủ đạo từ ảnh và tạo bảng màu. Bạn cũng có thể nhấp vào bất kỳ điểm nào trên ảnh để lấy màu riêng lẻ.
Lấy màu trung bình từ ảnh
Tính màu trung bình của toàn bộ ảnh hoặc vùng được chọn. Hữu ích để chọn bảng màu hoặc màu nền cho thumbnail.
Tạo CSS Gradient
Tạo CSS gradient trực quan bằng điều khiển kéo. Hỗ trợ loại gradient tuyến tính, hướng tâm và hình nón với cài đặt sẵn.
Tạo CSS Box Shadow
Tạo CSS box-shadow trực quan bằng thanh trượt. Hỗ trợ nhiều bóng đổ và bóng đổ bên trong (inset).