Hình blob & sóng SVG

13 người đã dùng

Hình blob mềm và sóng mép section cho website. Nhấn phím cách để ra hình mới, sao chép mã hoặc tải SVG, PNG.

Blob · 6 điểm · méo 45%

Mẫu có sẵn

Xem nhanh cách dùng

Xong việc này? Labs gợi ý bước tiếp theo

Kiểm tra màu cá nhânLấy màu trên màn hìnhĐổi mã màu

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

Cách tạo hình blob SVG?

Chọn chế độ Blob, chỉnh độ phức tạp, độ méo và màu, hoặc nhấn phím cách để tạo hình mới ngẫu nhiên. Tải SVG hoặc sao chép mã khi đã ưng.

Cách tạo sóng SVG làm mép section website?

Chọn chế độ Sóng, chỉnh số lớp sóng, vị trí trên hoặc dưới và màu. Đặt SVG ở đầu hoặc cuối section với chiều rộng 100%, màu trùng màu section kế tiếp.

SVG có lợi gì so với PNG?

SVG là hình vector nên rất nhẹ, sắc nét ở mọi kích thước và đổi màu dễ bằng CSS. PNG hợp khi cần dùng trong phần mềm chỉ nhận ảnh.

Có tải PNG được không?

Có. Blob xuất PNG 1200×1200, sóng xuất PNG 2880×640, đủ nét cho màn hình độ phân giải cao. Khi bạn tải PNG, ColorME nhận một bản ảnh đó để theo dõi cách công cụ được dùng. Nếu bạn đăng nhập, file tải về được lưu vào mục Lịch sử riêng của bạn và tự xoá sau 180 ngày.

Có sao chép mã SVG để dán vào HTML được không?

Có, sao chép mã SVG trong khung code và dán thẳng vào HTML, React hay Webflow mà không cần tải file.

Kiểu Tô đặc và Viền khác nhau thế nào?

Tô đặc tạo hình khối màu kín, còn Viền chỉ vẽ đường bao, hợp làm hình trang trí nhẹ nhàng hoặc khung ảnh.

Blob thường dùng để làm gì?

Blob hay dùng làm nền phía sau ảnh sản phẩm, avatar, hình minh hoạ, hoặc trang trí hero section cho cảm giác mềm mại, hiện đại.

Có đổi màu SVG sau khi tải được không?

Được. Mở file SVG trong Figma, Illustrator hoặc sửa thuộc tính fill trong mã để đổi sang màu khác bất kỳ lúc nào.

Dùng hình SVG trong Figma thế nào?

Kéo file SVG vào Figma hoặc dán mã SVG trực tiếp, hình sẽ thành vector có thể chỉnh màu và điểm neo.

Hình tạo ra có dùng thương mại được không?

Được, hình do bạn tạo nên bạn tự do sử dụng cho dự án cá nhân và thương mại.

Công cụ có miễn phí không?

Miễn phí, không cần đăng nhập và chạy ngay trên trình duyệt máy tính hoặc điện thoại.

Có phím tắt tạo hình mới không?

Có, nhấn phím cách hoặc bấm Tạo mới để ra hình khác với cùng thông số, tiện tìm hình ưng ý nhanh.

Công cụ cùng nhóm

Tất cả công cụ