← Công cụ
Thiết kế & CSS
Tạo màu sắc, định cỡ đáp ứng và CSS sẵn sàng sản xuất.
Màu sắc & Khả năng truy cập
- Bộ chuyển đổi màu sắcChuyển đổi màu sắc giữa HEX, RGB, HSL, HSV, CMYK và LAB — chỉnh sửa bất kỳ trường nào và các trường còn lại sẽ tự động cập nhật.Trang chuyên biệt (8)
- Công cụ kiểm tra độ tương phảnNhập màu chữ và màu nền để xem tỷ lệ tương phản WCAG và kiểm tra xem các mức độ AA và AAA có đạt chuẩn hay không.
CSS Bố cục & Hiệu ứng
- Trình tạo Box ShadowKéo các thanh trượt để tạo hiệu ứng box-shadow, xếp chồng các lớp để tạo chiều sâu và sao chép mã CSS hoàn thiện ngay lập tức.
- Trình tạo GradientTạo dải màu tuyến tính, tỏa tròn hoặc hình nón, thêm các điểm dừng màu và thiết lập hướng, sau đó sao chép mã CSS chỉ với một cú nhấp chuột.
- Trình tạo Border RadiusBo tròn từng góc bằng thanh trượt, tạo hình giọt nước tự nhiên với chế độ elip và sao chép mã CSS ngay lập tức.
- Trình tạo FlexboxThiết lập khung chứa flex và các phần tử con bằng các điều khiển trực quan, quan sát bố cục phản hồi trực tiếp và sao chép mã CSS chỉ với một cú nhấp chuột.
- Trình tạo CSS GridThiết lập các cột và hàng, kéo chuột qua các ô để đặt phần tử và sao chép mã CSS kèm HTML tương ứng chỉ với một cú nhấp chuột.
- Trình tạo CSS Cubic BezierKéo hai tay cầm để tạo đường cong gia tốc, quan sát chuyển động thực tế so với chuyển động đều và sao chép giá trị cubic-bezier().
- Công cụ tính CSS clamp()Nhập kích thước cho màn hình nhỏ và lớn để nhận giá trị clamp() co giãn mượt mà ở giữa — áp dụng cho cỡ chữ, padding, margin hoặc gap.
Kiểm tra phông chữ & Cấp phép
Màn hình, In ấn & Tỷ lệ
- Bộ chuyển đổi Pixel / DPIChuyển đổi pixel sang inch, cm và mm ở bất kỳ mức DPI/PPI nào — dùng cho thiết kế màn hình lẫn in ấn.
- Bộ tính PPI màn hìnhNhập độ phân giải và kích thước màn hình để biết mật độ điểm ảnh, khoảng cách điểm ảnh, kích thước vật lý và nhiều thông số khác.
- Bộ chuyển đổi px sang rem & emChuyển đổi qua lại giữa px, rem và em bằng cách sử dụng cỡ chữ gốc và ngữ cảnh của riêng bạn — chỉnh sửa bất kỳ trường nào và hai trường còn lại sẽ tự động cập nhật.
Không có công cụ phù hợp trong danh mục này.