ToolHub
Mở công cụ

Trình tạo màu Gradient

Tạo trực quan nền CSS linear và radial gradient

Công cụ nhà phát triển
Khởi chạy công cụ Tất cả công cụ

Về công cụ này

Trình tạo màu Gradient là một công cụ CSS trực quan, cho phép bạn chọn màu bắt đầu và kết thúc, chọn hướng và loại gradient, để xem trước hiệu ứng ngay và nhận mã CSS tương ứng. Hỗ trợ hai loại gradient linear và radial cùng tám tùy chọn hướng, tất cả thao tác đều hoàn thành cục bộ trong trình duyệt.

Tính năng chính

Xem nhanh

Tình huống sử dụng

css gradient design

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

Trình tạo màu Gradient là gì?

Trình tạo màu Gradient là một công cụ CSS trực quan, cho phép bạn chọn màu bắt đầu và kết thúc, chọn hướng và loại gradient, để xem trước hiệu ứng ngay và nhận mã CSS tương ứng.

Có hỗ trợ radial gradient không?

Có. Sử dụng bộ chọn loại để chuyển đổi giữa linear gradient và radial gradient. Radial gradient tạo chuyển tiếp màu tròn từ tâm ra ngoài.

Có thể nhập giá trị màu HEX tùy chỉnh không?

Có. Ngoài bộ chọn màu, bạn còn có thể nhập trực tiếp giá trị HEX vào hộp văn bản bên cạnh mỗi bộ chọn màu để kiểm soát chính xác.

Làm thế nào để sao chép mã CSS?

Nhấp nút sao chép bên cạnh hộp đầu ra CSS, quy tắc CSS gradient sẽ được sao chép vào clipboard, có thể dán trực tiếp vào stylesheet.

Trình tạo màu Gradient có miễn phí không?

Có, Trình tạo màu Gradient hoàn toàn miễn phí. Tất cả xử lý hoàn thành cục bộ trong trình duyệt, không gửi dữ liệu đến bất kỳ máy chủ nào.

Công cụ liên quan

Trình kiểm tra JSONBảng chọn màuTrình tạo HashTrình tạo UUID