Thiết kế

Chuyển đổi màu

Đổi HEX, RGB và HSL cùng độ trong suốt, xem mẫu màu và sao chép giá trị CSS.

Kiểm tra tương phản màu

Đo tương phản theo WCAG 2.2 với xem trước và kết quả AA, AAA riêng cho chữ cỡ thường và chữ lớn.

Tạo dải chuyển màu CSS

Thiết kế chuyển màu tuyến tính hoặc xuyên tâm với hai đến tám điểm màu, xem trực tiếp và sao chép CSS.

Tạo bóng CSS

Điều chỉnh độ lệch, độ mờ, độ lan, màu và độ đục để tạo bóng ngoài hoặc trong bằng CSS.

Tính tỷ lệ khung hình

Rút gọn tỷ lệ ảnh hoặc video và tính chiều rộng hay chiều cao phù hợp với kích thước đích.

Tạo bố cục CSS Grid

Thiết kế lưới cố định hoặc tự thích ứng với xem trước thực tế, rồi lấy CSS và HTML tương ứng.

Tạo bố cục CSS Flexbox

Thử hướng, xuống dòng, phân bố và căn chỉnh rồi sao chép CSS cùng HTML.

Tạo bảng màu

Tạo bảng màu bổ túc, tương đồng, bộ ba hoặc đơn sắc và xuất HEX, CSS hay JSON.

Tạo góc bo tròn CSS

Chỉnh bốn góc đồng thời hoặc riêng lẻ, xem trước góc bo elip và xuất border-radius CSS.

Tạo clip-path đa giác CSS

Kéo các đỉnh hoặc nhập tọa độ để dựng vùng cắt đa giác, xem trực tiếp và xuất CSS tương ứng.

Chỉnh đường cong cubic-bezier CSS

Điều chỉnh hai điểm điều khiển, chạy thử hiệu ứng chuyển tiếp và tạo hàm easing cubic-bezier.

Tạo cỡ chữ linh hoạt với CSS clamp()

Tính font-size: clamp() từ giới hạn cỡ chữ và chiều rộng vùng nhìn, hỗ trợ px, rem và xem trước kích thước.

Tạo bộ lọc ảnh CSS

Thử làm mờ, độ sáng, màu sắc và độ trong suốt trên ảnh mẫu hoặc ảnh cục bộ, rồi xuất filter CSS.

Tạo phép biến đổi CSS 2D và 3D

Chỉnh tịnh tiến, xoay, tỷ lệ, nghiêng và gốc biến đổi, với phối cảnh và điều khiển 3D tùy chọn.

Khổ giấy và tính pixel khi in

Tra khổ A, ISO B, C, Letter, Legal và Tabloid; tính pixel, inch và point theo hướng giấy, độ phân giải và tràn lề.

Tối ưu SVG và chuyển sang PNG

Làm sạch và tối ưu SVG, so sánh dung lượng và hình ảnh rồi tải SVG hoặc PNG với kích thước tùy chọn, nền trong suốt hay nền màu.