Trình tạo CSS Gradient

Tạo CSS linear-gradient từ hai màu và một góc, kèm xem trước trực tiếp.

background: linear-gradient(90deg, #6366f1, #ec4899);

Related tools

How it works

  1. 1

    Chọn hai màu

    Dùng bộ chọn màu.

  2. 2

    Đặt góc

    Tính bằng độ, từ 0 đến 360.

  3. 3

    Sao chép CSS

    Thuộc tính background sẵn sàng để dán.

FAQ

Công cụ này có gửi màu của tôi đi đâu không?
Không — gradient được tạo hoàn toàn trong trình duyệt của bạn.
Tôi có thể dùng nhiều hơn hai màu không?
Chưa có trong phiên bản này — hai màu đáp ứng trường hợp dùng gradient phổ biến nhất.