Gradient Generator

Tạo dải màu gradient CSS linear/radial.

Đang tải công cụ…

Cách sử dụng Gradient Generator

  1. Chọn kiểu Linear, Radial hoặc Conic và góc.
  2. Đổi màu, vị trí từng điểm màu; thêm màu hoặc bấm "Ngẫu nhiên" để lấy cảm hứng.
  3. Sao chép mã CSS.

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

Công cụ này có miễn phí không?

Hoàn toàn miễn phí, không cần đăng ký tài khoản, không giới hạn số lần sử dụng.

Có dùng được trên điện thoại không?

Có. Giao diện tương thích với điện thoại, máy tính bảng và máy tính.

Công cụ liên quan

Color PickerChọn màu, lấy màu từ ảnh, xem mã HEX, RGB, HSL, CMYK. Chuyển HEX sang RGBChuyển đổi mã màu HEX, RGB, HSL qua lại. CSS Box Shadow GeneratorTạo đổ bóng box-shadow trực quan và lấy mã CSS. Border Radius GeneratorTạo bo góc border-radius từng góc và lấy mã CSS. Bảng phối màuTạo bảng màu bổ túc, tương đồng, bộ ba và sắc độ.