UTILS.
100% trong trình duyệt

Trình tạo CSS Gradient

Tạo gradient linear hoặc radial với xem trước trực tiếp và sao chép CSS.

Về công cụ này

Tạo gradient hai màu kiểu linear hoặc radial bằng cách chọn màu sắc, vị trí và góc, rồi sao chép quy tắc background. Phần xem trước trực tiếp chạy hoàn toàn trong trình duyệt của bạn.

Câu hỏi thường gặp

Góc trong gradient linear là gì?
Góc xác định hướng chuyển màu: 0° hướng lên trên, 90° hướng sang phải, 180° hướng xuống dưới, và cứ thế tiếp tục.
Khi nào nên dùng radial thay vì linear?
Dùng radial để màu lan tỏa ra ngoài từ một điểm trung tâm (như đèn rọi); linear thì pha trộn màu dọc theo một đường thẳng.

Công cụ khác