Trình Tạo Gradient CSS

Tạo gradient tuyến tính hoặc tỏa sáng với tối đa 4 màu và sao chép mã CSS sẵn sàng để sử dụng.

🔒 100% riêng tư ⚡ Không tải tệp lên 🆓 Miễn phí, không giới hạn

Cách tạo gradient CSS trực tuyến

1

Chọn loại gradient

Chọn tuyến tính hoặc hình tròn, tùy theo hiệu ứng bạn muốn đạt được.

2

Thêm và điều chỉnh các màu

Thêm tối đa 4 màu, thay đổi thứ tự của chúng và điều chỉnh góc hoặc vị trí của gradient.

3

Sao chép mã CSS

Nhấn nút sao chép và dán mã trực tiếp vào bảng kiểu của bạn.

Câu hỏi thường gặp về trình tạo gradient

Gradient là một cách đơn giản để thêm chiều sâu và phong cách cho bất kỳ thiết kế web nào. Công cụ này tạo ra mã CSS chính xác mà bạn cần, mà không phải viết tay.

Tôi có thể tạo những loại gradient nào?

+

Bạn có thể tạo gradient tuyến tính (ở bất kỳ góc nào) và gradient xuyên tâm.

Tôi có thể sử dụng bao nhiêu màu?

+

Bạn có thể kết hợp từ 2 đến 4 màu trong cùng một gradient.

Mã có hoạt động trên tất cả các trình duyệt không?

+

Có, nó được tạo ra với cú pháp CSS tiêu chuẩn, tương thích với tất cả các trình duyệt hiện đại.

Tôi có cần cài đặt bất kỳ chương trình nào không?

+

Không, không cần cài đặt gì cả. Nó hoạt động trực tiếp từ trình duyệt của bạn.

Nó có miễn phí không?

+

Có, công cụ này hoàn toàn miễn phí.

Tôi có thể sử dụng gradient làm hình nền không?

+

Mã được tạo là CSS thuần túy; nếu bạn cần một hình ảnh, bạn có thể chụp ảnh màn hình xem trước.

Khám phá màu theo họ

Hơn 469 màu được đặt tên, với mã HEX, RGB, HSL và CMYK của chúng, được sắp xếp thành 12 họ sắc thái.

Màu Đỏ 50 Các màu cam 45 Màu Nâu 40 Màu Vàng 40 Xanh Lục 55 Xanh Ngọc Lam 35 Xanh Dương 55 Màu Tím 45 Màu Hồng 45 Xám 35 Màu Trắng 15 Đen 9 Pastel 36