Tạo CSS Gradient
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Cap nhat lan cuoi: 2026 · Cong cu truc tuyen mien phi
Tạo CSS Gradient la gi?
Trình tạo CSS gradient trực quan miễn phí: thiết kế gradient linear, radial và conic, điều chỉnh điểm dừng màu và góc, rồi sao chép mã CSS sẵn dùng cho nền trang web của bạn.
Cach su dung
- 1 Chọn loại — Chọn loại gradient (tuyến tính, hướng tâm, hình nón).
- 2 Điều chỉnh điểm dừng màu — Điều chỉnh màu sắc và vị trí của mỗi điểm dừng màu.
- 3 Xem trước — Kiểm tra kết quả theo thời gian thực trong bản xem trước.
- 4 Sao chép mã CSS — Sao chép mã CSS vào clipboard bằng nút 'Sao chép'.
Cong cu lien quan
Tạo CSS Box Shadow Công cụ tạo CSS box-shadow trực tuyến miễn phí với điều khiển offset, blur, spread, màu và inset, hiển thị xem trước bóng trực tiếp và tạo mã CSS box-shadow sẵn sàng sao chép cho mọi phần tử.
Tạo CSS Border Radius Công cụ tạo CSS border-radius trực tuyến miễn phí với tám điều khiển góc độc lập và thanh trượt, hiển thị xem trước trực tiếp hình bo tròn và tạo mã CSS border-radius sẵn sàng sao chép cho mọi phần tử.
Bộ chuyển đổi mã màu Công cụ chuyển đổi màu trực tuyến miễn phí, chuyển đổi tức thì giữa mã HEX, RGB, HSL và OKLCH và tính tỷ lệ tương phản WCAG giữa hai màu để dễ dàng kiểm tra tuân thủ khả năng tiếp cận.
Cau hoi thuong gap
Không giới hạn, nhưng thường là 2-6. Quá nhiều có thể ảnh hưởng đến hiệu suất.
Có. Bật hộp kiểm 'Lặp lại' để thêm tiền tố repeating.
Có 5 preset: Sunset, Ocean, Forest, Midnight và Rainbow.
Hiện tại chỉ xuất CSS thuần. Chuyển đổi Tailwind được lên kế hoạch cho bản cập nhật trong tương lai.
Không. Mọi xử lý đều được thực hiện trong trình duyệt.