Công Cụ Tạo Gradient Lưới
Tạo nền hiện đại với các dải màu nhiều điểm hòa trộn mềm mại (kiểu Mesh Gradient phổ biến trong thiết kế web hiện đại), bằng cách xếp chồng nhiều lớp radial-gradient() với các màu ngẫu nhiên bắt mắt — khác với công cụ Gradient CSS, vốn chỉ tạo một dải màu đơn giản giữa hai màu, và công cụ Mẫu Blob, vốn chỉ vẽ một hình dạng. Bạn có thể điều chỉnh số lượng điểm màu và màu nền, tạo một mẫu ngẫu nhiên mới chỉ với một cú nhấp, sau đó sao chép trực tiếp mã CSS đã sẵn sàng. Mọi thứ diễn ra ngay lập tức trong trình duyệt của bạn, không có gì được tải lên máy chủ.
Mọi xử lý đều diễn ra trên thiết bị của bạn — không có gì được gửi đến máy chủ.
Mã CSS
background-color: #f5f3ff; background-image: radial-gradient(at 34% 34%, #e4cd67 0px, transparent 50%), radial-gradient(at 66% 25%, #8de467 0px, transparent 50%), radial-gradient(at 84% 63%, #e4677a 0px, transparent 50%), radial-gradient(at 31% 33%, #67e482 0px, transparent 50%), radial-gradient(at 55% 55%, #cde467 0px, transparent 50%);
Câu Hỏi Thường Gặp
Công cụ Gradient CSS tạo một dải màu tuyến tính hoặc xuyên tâm đơn giản giữa hai màu, trong khi công cụ này xếp chồng nhiều điểm màu ngẫu nhiên chồng lên nhau để tạo ra nền mềm mại, nhiều màu theo phong cách Mesh Gradient hiện đại.
Tiếp tục với
Công cụ liên quan
Sẵn sàng dùng thử Uddatak?
Duyệt qua thư viện công cụ đầy đủ và bắt đầu sử dụng những gì bạn cần ngay bây giờ — miễn phí, không cần đăng ký.
Duyệt tất cả công cụ