Tạo dải màu CSS
Tạo dải màu chuyển sắc CSS
Chạy trong trình duyệt · Không tải lên
Hiện tại công cụ này và hướng dẫn trên trang vẫn bằng tiếng Anh. Nó hoạt động y như vậy: mọi thứ chạy trong trình duyệt của bạn.
Trình duyệt của bạn quá cũ để chạy công cụ này. Hãy cập nhật, hoặc dùng phiên bản hiện tại của Chrome, Edge, Firefox hoặc Safari.
- Không có gì rời khỏi thiết bị của bạn
- Máy chủ không giới hạn kích thước
- Không đăng ký, không hình mờ
- Miễn phí
How to make a CSS gradient
- Pick linear, radial or conic, or start from a ready-made gradient.
- Set the angle or center, and add, move or remove colors.
- Copy the CSS.
Good to know
- Each color can be partly see-through, which is handy for overlays on photos.
- "Repeat the pattern" turns the gradient into stripes or rings.
- The CSS includes a plain background color for very old browsers.
Câu hỏi thường gặp
Will it work in all browsers?
Linear and radial gradients work everywhere; conic gradients work in all current browsers.
Is anything uploaded?
No. The preview is drawn by your browser.