Hình blob & sóng SVG
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.
Mẫu có sẵn
Kiểu
Vị trí sóng
Xem nhanh cách dùng
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ụ
Hút màu ở bất kỳ đâu, ra HEX, RGB, HSL, CMYKLấy màu trên màn hình
HEX, RGB, HSL, CMYK, OKLCH qua lạiĐổi mã màu
Chữ trên nền có đạt chuẩn WCAG khôngKiểm tra tương phản
Dải màu tuyến tính, toả tròn, xuất CSSTạo gradient CSS
Lấy dải màu gradient từ chính bức ảnhTạo gradient từ ảnh
Tạo dải 50–950 từ 1 màu, xuất CSS, TailwindThang màu & design token
Xem thiết kế qua mắt người mù màuMô phỏng mù màu









