Tạo CSS Gradient
Trình tạo gradient CSS trực quan cho gradient tuyến tính, tỏa tròn và hình nón: thêm điểm màu, chỉnh góc rồi sao chép CSS. Rất hợp cho nền và nút bấm, miễn phí trên trình duyệt.
Điểm dừng màu
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);Nhúng
Cap nhat lan cuoi: 2026 · Cong cu truc tuyen mien phi
Tạo CSS Gradient la gi?
Trình tạo gradient CSS trực quan cho gradient tuyến tính, tỏa tròn và hình nón: thêm điểm màu, chỉnh góc rồi sao chép CSS. Rất hợp cho nền và nút bấm, miễn phí trên trình duyệt.
Cach su dung
- 1Chọn loại— Chọn loại gradient (tuyến tính, hướng tâm, hình nón).
- 2Điều chỉnh điểm dừng màu— Điều chỉnh màu sắc và vị trí của mỗi điểm dừng màu.
- 3Xem trước— Kiểm tra kết quả theo thời gian thực trong bản xem trước.
- 4Sao chép mã CSS— Sao chép mã CSS vào clipboard bằng nút 'Sao chép'.
Cong cu lien quan
Tạo CSS Box ShadowTrình tạo box-shadow CSS với các điều khiển offset, blur, spread, màu và inset cùng bản xem trước bóng đổ. Sao chép mã CSS sẵn dùng cho mọi phần tử, miễn phí trên trình duyệt.
Tạo CSS Border RadiusTrình tạo border-radius CSS với tám tay nắm góc độc lập, thanh trượt và bản xem trước trực tiếp của hình bo tròn. Sao chép mã CSS sẵn dùng cho mọi phần tử, miễn phí.
Bộ chuyển đổi mã màuCông cụ chuyển đổi màu giữa mã HEX, RGB, HSL và OKLCH, kèm tỉ lệ tương phản WCAG của hai màu. Kiểm tra khả năng tiếp cận ngay khi chọn bảng màu, miễn phí trên trình duyệt.
Tạo sóng SVGTrình tạo sóng SVG trực tuyến miễn phí với trình chỉnh sửa trực quan cho các hình sóng mượt. Điều chỉnh biên độ, màu sắc và lớp, áp dụng preset có sẵn, rồi sao chép mã CSS và SVG để làm nền và phân chia mục.
Cau hoi thuong gap
Không giới hạn, nhưng thường là 2-6. Quá nhiều có thể ảnh hưởng đến hiệu suất.
Có. Bật hộp kiểm 'Lặp lại' để thêm tiền tố repeating.
Có 5 preset: Sunset, Ocean, Forest, Midnight và Rainbow.
Hiện tại chỉ xuất CSS thuần. Chuyển đổi Tailwind được lên kế hoạch cho bản cập nhật trong tương lai.
Không. Mọi xử lý đều được thực hiện trong trình duyệt.