Công cụ trực tuyến miễn phí
Thiết kế & Màu sắc
Khám phá 12 công cụ Thiết kế & Màu sắc và hoàn thành tác vụ nhanh ngay trong trình duyệt.
Trình tạo bố cục CSS Flexbox & Grid
Định cấu hình và xem trước trực quan bố cục CSS Flexbox và Grid grid, xem hoạt ảnh và sao chép mã CSS.
Trình tạo bảng màu
Tạo các lược đồ màu đẹp mắt và xuất các giá trị HEX/RGB.
Trình tối ưu hóa và thu nhỏ SVG
Làm sạch và tối ưu hóa mã SVG cục bộ bằng tính năng so sánh kích thước tệp và xem trước trực tiếp.
Trình tạo độ dốc CSS
Thiết kế các gradient tuyến tính và xuyên tâm một cách trực quan, khám phá các cài đặt trước được quản lý và xuất mã CSS.
Trình chuyển đổi màu sắc và kiểm tra độ tương phản
Chuyển đổi các định dạng HEX/RGB/HSL/CMYK và kiểm tra tỷ lệ tương phản màu trợ năng WCAG 2.1.
CSS Máy tạo bóng và thủy tinh
Tinh chỉnh các hiệu ứng hình thái thủy tinh của bộ lọc phông nền và bóng đổ CSS, xuất CSS ngay lập tức.
Trình kiểm tra độ tương phản và khả năng truy cập màu
Tính toán tỷ lệ tương phản của văn bản và nền dựa trên tiêu chuẩn WCAG 2.1, tự động sửa màu, trích xuất bảng màu từ hình ảnh kéo và thả và mô phỏng mù màu.
Hộp cát vật lý & Trình mô phỏng trọng lực
Mô phỏng các hạt vật lý 2D với trọng lực, độ đàn hồi, ma sát, trọng lực con quay hồi chuyển và lực hút chuột. Linh vật Alpa biến thành một hạt vật chất nảy xung quanh!
Trình chỉnh sửa SVG Path trực quan
Đặt điểm neo, kéo tay cầm Bézier trên khung vẽ 500×500 và nhận ngay thuộc tính d của SVG Path cùng quy tắc CSS clip-path: path(). Có sẵn mẫu trái tim, ngôi sao.
Tạo khung trình duyệt cho ảnh chụp màn hình
Tải lên ảnh chụp màn hình trang web của bạn, bọc nó bằng khung trình duyệt macOS cao cấp, đổ bóng và phông nền chuyển màu đẹp mắt, đồng thời xuất PNG có độ phân giải cao.
CSS Trình tạo văn bản phát sáng và neon
Điều chỉnh trực quan bóng văn bản nhiều lớp, bán kính phát sáng neon, màu sắc và tốc độ nhấp nháy, sau đó sao chép mã CSS.
Bộ chọn màu hình ảnh thông minh với Pixel Loupe
Trích xuất màu từ hình ảnh cục bộ bằng cách sử dụng kính lúp chính xác theo phong cách pixel-art. Hỗ trợ các bản sao HEX, RGB, HSL và xác thực độ tương phản màu WCAG.
