Trình tạo gradient CSS

Màu sắc

Trình tạo gradient kết hợp hai màu HEX thành một giá trị CSS linear-gradient sẵn sàng sao chép.

Bản dịch có hỗ trợ AI đang được rà soát

Trang này được dịch với sự hỗ trợ của AI và chưa được chuyên gia rà soát. Hãy kiểm tra các nguồn trích dẫn trước khi dùng cho quyết định quan trọng.

Giới thiệu

Gradient tuyến tính chuyển tiếp mượt mà giữa hai màu trở lên dọc theo một góc. Trong CSS, nó được viết bằng hàm linear-gradient().

linear-gradient(góc, màuA, màuB)

Cách dùng

  1. 1Nhập màu HEX thứ nhất.
  2. 2Nhập màu thứ hai và góc.
  3. 3Sao chép giá trị CSS linear-gradient.

Tham khảo

Trình tạo gradient CSS Tham khảo
Đầu vàoKết quả
ví dụgiá trị CSS linear-gradient

Nguồn và tiêu chuẩn

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

Tôi có thể dùng kết quả trực tiếp trong CSS không?

Có. Giá trị linear-gradient() được sao chép nguyên vẹn vào thuộc tính background trong CSS của bạn.

Dữ liệu gradient có được gửi đến máy chủ không?

Không. Công cụ này chạy trong trình duyệt của bạn và không gửi dữ liệu đến bất kỳ máy chủ nào.

Công cụ liên quan