CanDoYa
VI

Công Cụ Tạo Gradient Miễn Phí

Chạy hoàn toàn trên trình duyệt của bạn - không tải lên, không cần đăng ký.

Kiểu
Kích thước ảnh
px
Điểm dừng màu
Lưu file PNG thật với kích thước 1920×1080 px
Chia sẻ công cụ này

Công cụ tạo gradient là gì?

Công cụ tạo gradient là công cụ pha trộn hai màu trở lên thành một gradient mượt mà và xuất ra thành ảnh để bạn tải về. Chọn màu và các điểm dừng màu, chọn kiểu tuyến tính hoặc xuyên tâm, đặt kích thước, rồi lưu thành ảnh PNG dùng làm hình nền, background, banner hoặc ảnh thu nhỏ. Mọi thứ đều chạy ngay trong trình duyệt của bạn.

Cách dùng

  1. 1Chọn tuyến tính hoặc xuyên tâm. Gradient tuyến tính pha trộn màu dọc theo một đường thẳng theo góc bạn thiết lập; gradient xuyên tâm lan tỏa màu ra ngoài từ tâm theo hình tròn.
  2. 2Thiết lập màu và điểm dừng. Nhấp vào ô màu để chọn màu và kéo thanh trượt để di chuyển điểm dừng. Bạn có thể thêm tối đa 8 điểm dừng hoặc giảm xuống còn 2, và nhấn Ngẫu nhiên để có ý tưởng nhanh.
  3. 3Chọn kích thước ảnh. Chạm vào một kích thước có sẵn (desktop, điện thoại, vuông, mạng xã hội) hoặc nhập chiều rộng và chiều cao tùy chỉnh theo pixel. Bản xem trước sẽ cập nhật ngay lập tức.
  4. 4Tải về file PNG. Nhấp vào Tải PNG để lưu gradient thành ảnh ở độ phân giải đầy đủ, hoặc sao chép đoạn CSS để tái sử dụng đúng gradient này trong code.

Dành cho ai

Hầu hết các công cụ gradient chỉ đưa cho bạn một dòng CSS. Công cụ này vẽ gradient lên một canvas thật và cho phép bạn tải về file PNG hoàn chỉnh ở đúng kích thước pixel bạn cần - hình nền điện thoại, background desktop 1920x1080, ảnh vuông cho mạng xã hội, hay một kích thước tùy chỉnh bất kỳ. Không có gì được tải lên máy chủ: ảnh được vẽ và lưu hoàn toàn trên thiết bị của bạn, nên màu sắc và file của bạn luôn được giữ riêng tư.

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

Công cụ tạo gradient này có miễn phí không?

Có - miễn phí 100%, không cần đăng ký, không có watermark và không giới hạn số lần dùng. Bạn có thể tạo và tải về bao nhiêu ảnh gradient tùy thích.

Có dữ liệu nào được tải lên máy chủ không?

Không. Gradient được vẽ và lưu hoàn toàn trong trình duyệt của bạn bằng canvas. Không có màu sắc, ảnh hay dữ liệu sử dụng nào được gửi đi bất cứ đâu.

Công cụ xuất ra định dạng ảnh nào?

Nó xuất ra file PNG, giúp gradient luôn mượt mà và không mất dữ liệu, không có vết nén hình ảnh. File được lưu đúng kích thước pixel bạn đã đặt, sẵn sàng dùng làm hình nền, background hoặc để tải lên nơi khác.

Nên tạo hình nền gradient kích thước bao nhiêu?

Hãy chọn theo đúng màn hình của bạn. Kích thước phổ biến là 1920x1080 cho hầu hết máy tính để bàn, 1080x1920 cho điện thoại ở chế độ dọc, và 1080x1080 cho bài đăng mạng xã hội dạng vuông. Bạn cũng có thể nhập chiều rộng và chiều cao tùy chỉnh bất kỳ, tối đa 8000 pixel.

Sự khác nhau giữa gradient tuyến tính và xuyên tâm là gì?

Gradient tuyến tính pha trộn màu dọc theo một đường thẳng theo góc bạn chọn, khiến màu chuyển dần trên toàn bộ ảnh. Gradient xuyên tâm bắt đầu từ một điểm ở tâm và lan tỏa ra ngoài theo hình tròn, khiến màu thay đổi từ giữa ra đến các cạnh.

Tôi có thể lấy cả đoạn CSS cùng với ảnh không?

Có. Bên cạnh file PNG có thể tải về, công cụ còn hiển thị đoạn CSS background-image tương ứng. Sao chép nó để tái tạo chính xác gradient này trên một website hoặc ứng dụng thay vì dùng file ảnh.

Các điểm dừng màu hoạt động như thế nào?

Mỗi điểm dừng gắn một màu với một vị trí từ 0% đến 100% dọc theo gradient. Sự pha trộn diễn ra mượt mà giữa các điểm dừng liền kề. Đặt hai điểm dừng ở cùng một vị trí sẽ tạo ra một cạnh sắc nét thay vì chuyển màu mềm mại, rất hữu ích khi làm nền sọc hoặc nền khối màu.