Thiết kế & CSS

Biến một đoạn mã thành thẻ PNG bóng bẩy có tô sáng cú pháp ngay trong trình duyệt của bạn, với chủ đề, nền chuyển sắc hoặc trong suốt và phần đệm — không cần tải lên.

Kiểm tra tỷ lệ tương phản WCAG giữa màu HEX tiền cảnh và màu nền, đồng thời xem nó có đạt AA và AAA cho cả văn bản thường và lớn hay không.

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 sắc độ 50-950 theo phong cách Tailwind, pha trộn về phía trắng và đen, mỗi bước có ô màu và mã HEX có thể sao chép.

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 bốn điểm điều khiển của đường cong easing CSS cubic-bezier, kéo các tay nắm hoặc nhập giá trị, xem trước đường cong và sao chép hàm cubic-bezier().

Điều chỉnh các thuộc tính vùng chứa cho Flexbox hoặc Grid của CSS, xem bố cục trực quan cập nhật trực tiếp và sao chép CSS được tạo.

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.