Thiết kế & CSS

Biến một đoạn mã thành hình ảnh có tô sáng cú pháp ngay trong trình duyệt, với hơn 20 ngôn ngữ, chủ đề và nền tùy chỉnh, số dòng, cùng xuất PNG hoặc SVG.

Kiểm tra độ tương phản WCAG 2.1 và điểm APCA Lc giữa màu chữ và màu nền, xem các nhãn AA, AAA và 3:1, rồi áp dụng màu đạt gần nhất.

Trộn hai màu HEX theo tỉ lệ bạn chọn trong không gian màu RGB hoặc Lab và đọc màu trung gian thu được dưới dạng mẫu màu và giá trị HEX có thể sao chép.

Biến một màu HEX cơ sở thành thang OKLCH, HSL hoặc RGB với số bước tùy chỉnh, gợi ý tương phản WCAG cho từng bước và xuất ra CSS, Tailwind cùng JSON.

Tải lên một hình ảnh và xem trước cách nó hiển thị với chứng mù màu đỏ, mù màu lục, mù màu lam hoặc mù màu hoàn toàn, sau đó tải xuống kết quả mô phỏng.

Điều chỉnh cả tám giá trị góc border-radius, bao gồm bán kính ngang và dọc hình elip, để xem bản xem trước trực tiếp của hộp và sao chép CSS rút gọn.

Tạo box-shadow CSS nhiều lớp với các điều khiển độ lệch, làm mờ, lan tỏa, màu sắc và inset, xem bản xem trước trực tiếp và sao chép thuộc tính sẵn sàng sử dụng.

Biến cỡ chữ tối thiểu và tối đa cùng chiều rộng khung nhìn tối thiểu và tối đa thành một biểu thức CSS clamp() typography linh hoạt duy nhất, không cần điểm ngắt.

Tạo CSS clip-path từ các thiết lập sẵn hình tròn, elip, đa giác, inset hoặc inset bo góc bằng các ô nhập số, xem trước trực tiếp và sao chép thuộc tính sẵn sàng dùng.

Chỉnh sửa easing CSS cubic-bezier hoặc steps() bằng cách kéo các tay nắm, xem trước bằng hoạt ảnh trực tiếp và sao chép giá trị.

Xây dựng CSS Flexbox hoặc Grid một cách trực quan với điều khiển vùng chứa và từng mục, kích thước rãnh tùy chỉnh và trình chỉnh sửa grid-template-areas, rồi sao chép CSS.

Tạo CSS kính mờ với các điều khiển làm mờ, độ trong suốt, độ bão hòa, viền và bóng đổ cùng một màu phủ, xem trước trên nền và sao chép CSS dựa trên backdrop-filter.