Tạo gradient

Công cụ tạo CSS gradient trực tuyến miễn phí. Tạo gradient tuyến tính và xuyên tâm, điều chỉnh hướng, màu và điểm dừng. Sao chép mã.

Công cụ tạo gradient CSS miễn phí. Thiết kế trực quan gradient tuyến tính, xuyên tâm và hình nón, sau đó sao chép mã CSS. Xử lý trong trình duyệt. Hoàn hảo cho nền web, nút và phần tử UI.

Loại
Góc
90°
Màu sắc
0%
100%
Mã CSS
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock Tệp không được gửi đến máy chủ

Cách sử dụng Tạo gradient?

  1. Chọn loại gradient.
  2. Thêm điểm dừng màu và đặt màu.
  3. Sao chép mã CSS đã tạo.

Câu hỏi thường gặp về Tạo gradient

Hỗ trợ loại gradient nào?

Hỗ trợ gradient tuyến tính, xuyên tâm và hình nón.

Có sao chép mã CSS trực tiếp được không?

Có, sao chép mã CSS gradient bằng một cú nhấp để áp dụng trực tiếp.

Công cụ liên quan

Chọn màu

Chọn màu và sao chép giá trị HEX, RGB, HSL.

Chuyển đổi mã màu

Công cụ chuyển đổi mã màu trực tuyến miễn phí. Chuyển đổi giữa HEX, RGB, HSL và CMYK với xem trước trực tiếp. Phù hợp cho thiết kế web.

Tạo bảng màu

Công cụ tạo bảng màu trực tuyến miễn phí. Tự động tạo bảng màu hài hòa với gợi ý bổ sung, tương tự và tam giác. Xử lý trên trình duyệt.

Màu ngẫu nhiên

Công cụ tạo màu ngẫu nhiên trực tuyến miễn phí. Tạo màu bằng một click và sao chép mã HEX hoặc RGB ngay lập tức. Xử lý trên trình duyệt.