Máy phát điện CSS Gradient Generator

Tạo các gradients CSS linear, radial và conic trong trình duyệt của bạn.

Loại Gradient Góc (deg)

Vị trí X (%) Vị trí Y (%)

Các điểm dừng màu

Sử dụng tay cầm điểm dừng hoặc phím mũi tên để chỉnh sửa vị trí. Mỗi điểm dừng bao gồm màu sắc rõ ràng, độ trong suốt và phần trăm.

Sẵn sàng

Xử lý cục bộ trên trình duyệt

Gradient của bạn vẫn ở trong trình duyệt này. Không có màu sắc hoặc CSS được tạo được gửi đến Convertr.

Ngữ pháp nhập có giới hạn

Nhập chấp nhận linear-gradient(), radial-gradient() hoặc conic-gradient() với màu hex và phần trăm. Các khai báo, URL, biến và hàm không xác định bị từ chối cục bộ.

Phương án dự phòng có thể truy cập

CSS được tạo bao gồm màu nền đặc dự phòng cùng với gradient cho các trình kết xuất không hỗ trợ và điều khiển chrome có thể truy cập.

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

Gradient của tôi đã được tải lên?

Không. Trạng thái gradient, màu sắc, CSS đã nhập và CSS đã tạo ở lại trong trình duyệt của bạn.

Loại gradient CSS nào được hỗ trợ?

Trình tạo tạo ra đầu ra linear-gradient(), radial-gradient() và conic-gradient() với nhiều điểm dừng màu hex.

Tôi có thể nhập gì?

Nhập chấp nhận một cú pháp có giới hạn cố ý sử dụng một hàm gradient được hỗ trợ, màu hex, phần trăm tùy chọn và giá trị góc hoặc vị trí có giới hạn.

Các công cụ thiết kế và các nhà phát triển liên quan

Công cụ phát triểnDuyệt các tiện ích trình duyệt Chuyển đổi màu CSSChuyển đổi CSS màu Trình biên dịch SCSSBiên dịch đoạn mã Sass/SCSS trực tuyến Công cụ rút gọn CSSNén mã CSS cục bộ trong trình duyệt của bạn. Công cụ chọn màu hình ảnhChọn màu sắc từ hình ảnh cục bộ.