CLR / 03 · Công cụ màu sắc
Tạo gradient CSS
Chuyển sắc tuyến tính và tỏa tròn với xem trước trực tiếp và đoạn CSS chính xác để dán.
Bộ tạo gradient CSS
2 điểm dừng, xem trước trực tiếp
CSS
background-image: linear-gradient(135deg, #3b82f6 0%, #ec4899 100%);
Màu được cho bằng hex — ba, bốn, sáu hoặc tám chữ số. Dạng ngắn kết thúc bằng một chữ số độ mờ đục, dạng dài thì bằng hai. Các cách viết màu khác của CSS không được đọc ở đây. Khung xem trước là một phần tử bình thường mang đúng khai báo này, nên những gì bạn thấy chính là những gì trình duyệt sẽ vẽ.
Ủng hộ 💚Giúp ToolZool tiếp tục miễn phí

Nhờ có bạn,
ToolZool luôn miễn phí
Công cụ tốt thì nên miễn phí cho tất cả mọi người. Đây là cách chúng tôi trang trải — đầy đủ, không giấu mục nào.
Mời Zooly một ly cà phêỦng hộ trực tiếp, giúp giữ đèn sáng và công cụ mới tiếp tục ra đời. Hoàn toàn tự nguyện.Ủng hộ Zooly →
Lựa chọn được gợi ýCông cụ trả phí làm nốt những việc trình duyệt không làm được. Hôm nay trang đó không mang lại cho chúng tôi đồng nào.Xem gợi ý →
Quảng cáo, giữ chừng mựcCác vị trí có gắn nhãn nằm ngoài khu vực làm việc, nên chúng không bao giờ chen vào giữa bạn và kết quả.Đọc chính sách quảng cáo →
Bạn thật tuyệt vờiMỗi lượt ghé, lượt chia sẻ và lời tử tế đều giúp ToolZool lớn lên và tới với nhiều người hơn.