Công cụ thiết kế
Công cụ nhanh phục vụ công việc thiết kế giao diện và thiết kế trực quan, với CSS có thể sao chép và kiểm tra khả năng truy cập dựa trên công thức tương phản WCAG.
7 công cụ
Công cụ trong danh mục này
- Công cụ chuyển đổi màuChuyển đổi màu giữa HEX, RGB, HSL, HWB, OKLCH và CMYK theo công thức đơn giản. Dán mã màu CSS bất kỳ hoặc dùng bộ chọn màu, rồi sao chép định dạng mong muốn. Công cụ chạy ngay trên trình duyệt.
- Kiểm tra độ tương phảnKiểm tra tỷ lệ tương phản WCAG 2.2 giữa chữ và nền, xem kết quả AA và AAA cho chữ và thành phần giao diện, đồng thời tìm màu gần nhất đạt yêu cầu.
- Trình tạo CSS GradientTạo CSS gradient tuyến tính, xuyên tâm và hình nón với 2 đến 6 điểm dừng màu; đặt góc và vị trí, xem trước trực tiếp và sao chép CSS background.
- Trình tạo Box ShadowThiết kế box shadow CSS với nhiều lớp: độ lệch, độ mờ, độ lan rộng, màu sắc, độ mờ đục và inset. Xem trước trên mọi nền và sao chép CSS box-shadow.
- Công cụ tạo bảng màuTạo bảng màu bổ túc, tương đồng, bộ ba, bộ bốn, bổ túc xen kẽ và sắc độ từ một màu. Khóa màu rồi sao chép mã HEX, CSS hoặc JSON.
- Công cụ chuyển đổi PX sang REMChuyển đổi px sang rem hoặc em và ngược lại với cỡ chữ gốc tùy chỉnh (mặc định 16px). Có bảng tra cứu cỡ chữ thông dụng và chuyển đổi giá trị px trong toàn bộ đoạn CSS.
- Công cụ tính tỷ lệ khung hìnhTìm chiều rộng hoặc chiều cao còn thiếu theo tỷ lệ khung hình bất kỳ, rút gọn kích thước như 1920×1080 thành 16:9, xem trước hình dạng và sao chép quy tắc CSS aspect-ratio.