Công Cụ Công Cụ Thiết Kế
Tạo CSS, công cụ màu sắc và tạo SVG
Chuyển Đổi Mã Màu
Chuyển đổi giữa mã màu HEX, RGB và HSL. Sử dụng bộ chọn màu và xem trước thời gian thực để chọn màu trực quan.
Bảng Chọn Màu
Chọn màu trực quan bằng bánh xe màu và thanh trượt. Lấy và sao chép mã màu ở định dạng HEX, RGB và HSL.
Trích xuất màu từ ảnh
Tự động phát hiện màu chủ đạo từ ảnh và tạo bảng màu. Bạn cũng có thể nhấp vào bất kỳ điểm nào trên ảnh để lấy màu riêng lẻ.
Lấy màu trung bình từ ảnh
Tính màu trung bình của toàn bộ ảnh hoặc vùng được chọn. Hữu ích để chọn bảng màu hoặc màu nền cho thumbnail.
Tạo CSS Gradient
Tạo CSS gradient trực quan bằng điều khiển kéo. Hỗ trợ loại gradient tuyến tính, hướng tâm và hình nón với cài đặt sẵn.
Tạo CSS Box Shadow
Tạo CSS box-shadow trực quan bằng thanh trượt. Hỗ trợ nhiều bóng đổ và bóng đổ bên trong (inset).
Tạo CSS Border Radius
Tạo CSS border-radius với điều chỉnh từng góc riêng lẻ. Bao gồm tùy chọn bán kính hình elip và các cài đặt hình dạng phổ biến.
Tạo CSS Text Shadow
Tạo CSS text-shadow với xem trước trực tiếp. Chồng nhiều bóng đổ với các cài đặt sẵn neon, emboss và nhiều hơn nữa.
Tạo CSS Triangle
Tạo tam giác CSS sử dụng thuộc tính border. Hỗ trợ tất cả 8 hướng với kích thước và màu sắc tùy chỉnh.
Tạo CSS Clip Path
Tạo hình dạng CSS clip-path trực quan bằng kéo thả. Bao gồm polygon, circle, ellipse và cài đặt sẵn như ngôi sao và trái tim.
Tạo CSS Glassmorphism
Tạo hiệu ứng UI kính mờ với xem trước trực tiếp và xuất CSS. Tinh chỉnh cài đặt độ trong suốt, độ mờ, viền và bóng đổ.
Tạo CSS Loading Animation
Chọn từ nhiều animation loading CSS và lấy mã. Tùy chỉnh màu sắc, kích thước và tốc độ cho spinner, chấm, thanh và nhiều hơn nữa.
Tạo CSS Flexbox
Tạo bố cục Flexbox trực quan và tạo mã CSS. Điều chỉnh tất cả thuộc tính với bảng tra cứu tích hợp.
Tạo CSS Cubic Bezier
Tạo đường cong easing cho animation CSS một cách trực quan. Kéo các điều khiển và xem trước animation theo thời gian thực.
Tạo Sắc Độ Màu
Tạo các biến thể sắc độ từ sáng đến tối cho bất kỳ màu nào. Điều chỉnh số bước và xuất dưới dạng bảng màu Tailwind CSS.
Trộn Màu
Trộn hai hoặc nhiều màu với tỷ lệ được chỉ định để tạo màu mới. So sánh kết quả trong các không gian màu khác nhau như RGB, HSL và LAB.
Tạo Bảng Màu
Tạo bảng màu từ màu cơ sở sử dụng lý thuyết màu sắc. Bao gồm các phối màu bổ sung, tương tự, tam giác và nhiều hơn nữa.
Xem Trước Font Web
Xem trước font từ Google Fonts theo thời gian thực. So sánh nhiều font khi điều chỉnh kích thước và màu sắc.
Danh Sách Tên Màu HTML
Xem tất cả 148 màu có tên trong HTML/CSS tại một nơi. Tìm kiếm, xem trước và sao chép mã HEX dễ dàng.
Tạo Hoa Văn Nền CSS
Tạo hoa văn nền bằng CSS thuần túy. Tùy chỉnh sọc, chấm, ô vuông và nhiều hơn nữa với trình chỉnh sửa trực quan.
Tạo Thanh Cuộn CSS
Tùy chỉnh thiết kế thanh cuộn CSS với trình chỉnh sửa trực quan. Điều chỉnh màu sắc, độ rộng, bán kính góc và sao chép mã trực tiếp.
Tạo Văn Bản Gradient CSS
Tạo mã CSS để áp dụng gradient cho văn bản. Xem trước màu sắc, hướng và điều chỉnh phạm vi theo thời gian thực.
Tạo Hộp Kiểm CSS
Tạo hộp kiểm CSS tùy chỉnh với trình chỉnh sửa trực quan. Tự do tùy chỉnh hoạt ảnh, màu sắc và hình dạng.
Tạo Nút Bật/Tắt CSS
Tạo nút bật/tắt CSS tùy chỉnh với trình chỉnh sửa trực quan. Điều chỉnh kích thước, màu sắc và hoạt ảnh, sau đó xuất mã.
Tạo Hình Blob SVG
Tự động tạo hình blob hữu cơ bằng SVG. Điều chỉnh độ ngẫu nhiên và độ phức tạp để trang trí thiết kế web.
Tạo Hoa Văn SVG
Tạo hoa văn ô lát SVG có thể lặp lại. Tùy chỉnh loại hoa văn, màu sắc và kích thước, sau đó xuất mã.