Chuyển đến nội dung chính
Uddatak

Công Cụ Tạo Gradient CSS

Chọn màu sắc, góc, và loại gradient trên bản xem trước trực tiếp để thiết kế một gradient CSS tuyến tính hoặc xuyên tâm, sau đó sao chép mã CSS background-image chính xác — không cần đoán phần trăm điểm dừng màu.

Công Cụ Thiết Kế và CSS Chạy hoàn toàn trong trình duyệt của bạn

Mọi xử lý đều diễn ra trên thiết bị của bạn — không có gì được gửi đến máy chủ.

0%
100%

Mã CSS

background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

Tiếp tục với

Hoàn toàn cục bộ

Công Cụ Tạo Box-Shadow CSS

Thiết kế trực quan một box-shadow CSS bằng thanh trượt và sao chép mã được tạo ra.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Công Cụ Tạo Border-Radius CSS

Thiết kế trực quan các góc bo tròn — bao gồm cả hình dạng bất đối xứng — và sao chép mã CSS.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Máy Đổi PX Sang REM

Chuyển đổi giữa pixel và đơn vị rem, dựa trên kích thước phông chữ gốc tùy chỉnh.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Công Cụ Tạo Gradient Lưới

Tạo nền gradient lưới nhiều điểm mềm mại chỉ với một cú nhấp, và sao chép mã CSS sẵn sàng sử dụng.

Công Cụ Thiết Kế và CSSMở công cụ

Công cụ liên quan

Hoàn toàn cục bộ

Công Cụ Tạo Box-Shadow CSS

Thiết kế trực quan một box-shadow CSS bằng thanh trượt và sao chép mã được tạo ra.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Công Cụ Tạo Border-Radius CSS

Thiết kế trực quan các góc bo tròn — bao gồm cả hình dạng bất đối xứng — và sao chép mã CSS.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Máy Đổi PX Sang REM

Chuyển đổi giữa pixel và đơn vị rem, dựa trên kích thước phông chữ gốc tùy chỉnh.

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Trích Xuất Bảng Màu

Trích xuất các màu chủ đạo nhất từ bất kỳ hình ảnh nào, kèm mã HEX, RGB và CSS

Công Cụ Thiết Kế và CSSMở công cụ
Hoàn toàn cục bộ

Trình tạo ảnh chụp mã nguồn

Dán mã và biến nó thành hình ảnh đẹp mắt với nền gradient và thanh tiêu đề, sẵn sàng để chia sẻ

Công Cụ Thiết Kế và CSSMở công cụ

Sẵn sàng dùng thử Uddatak?

Duyệt qua thư viện công cụ đầy đủ và bắt đầu sử dụng những gì bạn cần ngay bây giờ — miễn phí, không cần đăng ký.

Duyệt tất cả công cụ