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 Ngôi góc (deg)

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

Màu sắc dừng lại

Sử dụng các bàn dừng hoặc thanh bàn phím để chỉnh sửa vị trí. Mỗi dừng bao gồm một màu sắc rõ ràng, không chính xác và tỷ lệ phần trăm.

Sẵn sàng

- Browser native local processing (các xử lý địa phương)

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.

Giới hạn nhập khẩu Grammar

Import chấp nhận linear-gradient(), radial-gradent() hoặc conic-graduent( ) với màu sắc và tỷ lệ phần trăm hex. tuyên bố, URL, biến thể và chức năng không rõ được từ chối địa phương.

Fallback có thể

CSS được tạo ra bao gồm một nền màu vững chắc cùng với gradient cho renderers không hỗ trợ và mã điều khiển 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, nhập CSS và tạo CSS ở lại trong trình duyệt của bạn.

Các loại CSS gradient nào được hỗ trợ?

Các máy phát tạo ra kết quả linear-gradient(), radial-gradent() và conic-gradyent() với nhiều ngừng màu hex.

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

Import chấp nhận một văn bản có giới hạn cố ý bằng cách sử dụng một chức năng cấp hỗ trợ, màu sắc hex, tỷ lệ phần trăm tùy chọn và giá trị góc hoặc vị trí 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 SCSS Trình biên dịchTải Sass/SCSS snippets trực tuyến CSS Công cụ rút gọnTắt mã CSS tại địa phương 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 địa phương.