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

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

Điều chỉnh từng góc một cách độc lập bằng thanh trượt trực tiếp trên một hộp xem trước để thiết kế bất cứ thứ gì từ các góc hơi bo tròn đến hình dạng blob hữu cơ, bất đối xứng, sau đó sao chép giá trị CSS border-radius chính xác.

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ủ.

Mã CSS

border-radius: 16px;

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 Gradient CSS

Xây dựng trực quan một gradient CSS tuyến tính hoặc xuyên tâm và sao chép mã.

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ụ

Công cụ liên quan

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ụ
Hoàn toàn cục bộ

Trình mô phỏng mù màu

Xem hình ảnh của bạn trông như thế nào đối với người bị mù màu (protanopia, deuteranopia, tritanopia, hoặc achromatopsia)

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

Trình tạo Clip-Path CSS

Chọn một hình dạng có sẵn (hình tròn, tam giác, ngôi sao, bong bóng tin nhắn...) và sao chép mã clip-path.

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ụ