Công Cụ Thiết Kế và CSS

Tạo gradient CSS, bóng đổ, và bán kính viền, và kiểm tra độ tương phản màu cho web. 17 công cụ — Chạy hoàn toàn trong trình duyệt của bạn.

Hoàn toàn cục bộ

Công Cụ Kiểm Tra Độ Tương Phản Màu

Kiểm tra xem một cặp màu văn bản/nền có đáp ứng tiêu chuẩn độ tương phản trợ năng WCAG hay không.

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ộ

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ụ

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ụ

Hoàn toàn cục bộ

Trình tạo đường cong Easing Cubic Bezier

Kéo hai điểm để thiết kế trực quan một đường cong easing chuyển động tùy chỉnh và sao chép mã cubic-bezier.

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

Hoàn toàn cục bộ

Trình tạo Glassmorphism CSS

Thiết kế trực quan hiệu ứng thẻ kính mờ và sao chép mã CSS sẵn sàng sử dụng.

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

Hoàn toàn cục bộ

Trình tạo bố cục CSS Grid & Flexbox

Thiết kế trực quan bố cục Grid hoặc Flexbox với bản xem trước trực tiế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ụ

Hoàn toàn cục bộ

Công Cụ Chuyển Văn Bản Thành Chữ Viết Tay

Biến văn bản đã gõ thành hình ảnh trông như được viết tay trên giấy kẻ ô ly, với nhiều kiểu chữ viết tay.

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

Hoàn toàn cục bộ

Công Cụ Tạo Hình Blob & Họa Tiết Nền SVG

Tạo một hình dạng hữu cơ ngẫu nhiên (blob) hoặc một họa tiết nền lặp lại liền mạch dưới dạng SVG, rồi sao chép hoặc tải xuống.

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

Hoàn toàn cục bộ

Công Cụ Tạo Hiệu Ứng CSS Keyframe

Thiết kế hiệu ứng CSS trực quan (hiện dần, trượt, zoom, nảy, xoay, lật) và nhận mã @keyframes sẵn sàng sử dụng.

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

Hoàn toàn cục bộ

Công Cụ Tạo Bảng Màu Hài Hòa

Chọn một màu gốc và nhận bảng màu hài hòa (bổ túc, tương đồng, bộ ba, bộ bốn, đơn sắc).

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

Công Cụ AI Công Cụ Văn Bản Công Cụ PDF Công Cụ Hình Ảnh

Công cụ