Tạo gradient
Tạo CSS gradient miễn phí, xem trước trực tiếp và copy code
Không cần tài khoản. Xem hướng dẫn bên dưới để biết giới hạn và cách xử lý.
Đang tải công cụ…
Cách sử dụng
- Chọn chuyển màu tuyến tính, tỏa tròn hoặc hình nón.
- Đặt màu, vị trí và góc.
- Sao chép CSS hoặc tiếp tục với màu.
Ví dụ
Chuyển màu tuyến tính với góc 90° đi từ trái sang phải.
Phương pháp, dữ liệu & giới hạn
Dùng HEX 6 ký tự; vị trí từ 0–100%. Cần kiểm tra độ tương phản riêng.
Câu hỏi thường gặp
Hỗ trợ những loại gradient nào?
Hỗ trợ linear, radial và conic gradient.
Làm sao để dùng trong CSS?
Nhấn 'Copy CSS' để sao chép mã và dán vào file CSS.