Trình tạo chuyển sắc CSS cho phép bạn thiết kế chuyển sắc tuyến tính, tỏa tròn và hình nón theo thời gian thực — chỉnh các điểm dừng màu, góc và vị trí, rồi sao chép CSS dùng ngay.
Tính năng
- 3 loại chuyển sắc: tuyến tính (có hướng), tỏa tròn (từ tâm ra ngoài) và hình nón (xoay — rất hợp biểu đồ tròn và bánh xe màu).
- Điều khiển góc: đặt 0–360° cho loại tuyến tính và hình nón bằng thanh trượt hoặc nhập số chính xác; nút xoay tăng 45° mỗi lần nhấp.
- Điểm dừng màu: mỗi điểm có bộ chọn màu và thanh trượt vị trí (0–100%) riêng. Tối thiểu 2 điểm — thêm bao nhiêu tùy thích.
- 10 mẫu có sẵn được tuyển chọn gồm Sunset, Ocean, Aurora và Conic Pride — nhấp để tải một mẫu làm điểm khởi đầu.
- Xem trước lớn trực tiếp: bảng xem trước 192px và thanh chuyển sắc mỏng đều cập nhật ngay khi bạn chỉnh sửa.
- Sao chép CSS một cú nhấp: nhận CSS đầy đủ background: gradient(...); sẵn sàng dán vào mọi stylesheet hoặc thuộc tính style.
Cách sử dụng
- Chọn loại chuyển sắc, đặt các điểm dừng màu và góc, hoặc bắt đầu từ mẫu có sẵn.
- Kiểm tra bản xem trước và thêm hoặc bớt điểm dừng màu khi cần.
- Sao chép CSS đã tạo.
