🫧 Một bộ công cụ,
mọi nhiệm vụ thiết kế

Trình tạo Blob

Tạo hình dạng hữu cơ mượt mà cho nền, ảnh đại diện và dải phân cách. Ngẫu nhiên hóa bằng một cú nhấp, tinh chỉnh độ cong và sao chép mã border-radius hoặc SVG.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🫧 Trình tạo Blob

Hướng dẫn Blob

Blob là những hình hữu cơ mềm mại với viền không đều nhưng mượt — xu hướng thiết kế đằng sau vô số nền hero, ảnh đại diện và dải phân cách từ năm 2020. Thủ thuật CSS kinh điển dùng border-radius 8 giá trị để bẻ một hình chữ nhật phẳng thành hình hữu cơ.

Nhấp Ngẫu nhiên để tạo hình mới, kéo thanh độ cong để viền tròn hơn hoặc lạ mắt hơn, và chọn màu. Sao chép mã border-radius thẳng vào CSS — không ảnh, không file SVG, hoàn toàn responsive.

Pro Tips

Frequently Asked Questions

Q: Thủ thuật blob bằng border-radius hoạt động thế nào?
Thủ thuật blob bằng border-radius hoạt động thế nào? Cú pháp 8 giá trị border-radius: a b c d / e f g h đặt bán kính ngang và dọc khác nhau cho mỗi góc. Giá trị bất đối xứng làm méo hình chữ nhật thành hình hữu cơ mượt.
Q: Blob có thể tạo hoạt ảnh không?
Blob có thể tạo hoạt ảnh không? Có. Hoạt ảnh hóa border-radius giữa hai bộ giá trị hữu cơ bằng @keyframes hoặc transition khiến hình dạng biến đổi mượt mà — hiệu ứng "blob biến hình" đặc trưng.
Q: Năm 2026 blob còn thịnh hành không?
Năm 2026 blob còn thịnh hành không? Có. Hình hữu cơ đã phát triển từ xu hướng 2020 thành nền tảng của thiết kế hiện đại — thấy ở Stripe, Vercel và vô số hero SaaS. Kết hợp hoàn hảo với glassmorphism và gradient.
Q: Dùng SVG hay CSS cho blob?
Dùng SVG hay CSS cho blob? border-radius CSS nhẹ hơn và dễ chỉnh sửa, hoàn hảo cho nền trang trí. SVG path cho kiểm soát chính xác với logo và minh họa, đổi lại là độ phức tạp.
Q: Dùng blob làm nền thế nào?
Dùng blob làm nền thế nào? Tạo div định vị với border-radius blob, đặt z-index thấp, thêm nền gradient và làm mờ tùy chọn, rồi đặt nội dung lên trên. Hoạt ảnh chậm để có "nền sống".

Màu sắc Việt Nam

Từ màu son đỏ của đình chùa đến màu nâu đất của làng quê, màu sắc Việt Nam gắn liền với lịch sử, nông nghiệp lúa nước và trang phục truyền thống áo dài.

Đỏ son #E32636

Màu son của cổng làng, đình chùa và câu đối

Vàng hoàng thái #FFD700

Màu vàng của hoàng cung và lễ hội

Xanh lam #0056A7

Màu xanh của biển Đông

Màu gạch #B22222

Màu gạch nung của làng quê Bắc Bộ

Vàng nắng #F7C948

Ánh nắng vàng trên cánh đồng lúa chín

Xanh ngọc #00A86B

Màu ngọc bích của vịnh Hạ Long

Tím Huế #7F5FA3

Màu tím của áo dài và hoa phượng tím xứ Huế

Nâu đất #8B5A2B

Màu đất phù sa của đồng bằng sông Hồng

Hồng sen #F5A9B8

Màu hoa sen — quốc hoa của Việt Nam

Trắng ngà #FFFFF0

Màu áo dài trắng của nữ sinh

Q: Màu đỏ son là gì?
Màu đỏ son là gì? Màu đỏ son (#E32636) là màu đỏ truyền thống được dùng để sơn cổng làng, đình chùa và câu đối Tết ở Việt Nam, tượng trưng cho may mắn và thịnh vượng.
Q: Màu tím Huế là gì?
Màu tím Huế là gì? Tím Huế (#7F5FA3) là màu tím đặc trưng của xứ Huế, gắn liền với áo dài tím, hoa phượng tím và nét lãng mạn của cố đô.