Một bộ công cụ,
mọi nhiệm vụ thiết kế
Từ lý thuyết màu sắc đến tuân thủ độ tương phản — 10 công cụ được tạo ra dành cho nhà thiết kế và nhà phát triển
Tạo góc bo tròn
Trình chỉnh sửa bán kính đường viền trực quan với bản xem trước thời gian thực. Sao chép mã CSS với điều khiển góc riêng lẻ.
CSS · Trình soạn thảo trực quanTạo bóng đổ
Trình tạo bóng hộp tương tác với tính năng xem trước Canvas nhiều lớp, thời gian thực và đầu ra CSS.
CSS · Phân lớpTrình mô phỏng mù màu
Mô phỏng màu sắc xuất hiện như thế nào đối với người dùng mù màu.
Khả năng tiếp cận · Mô phỏngChuyển đổi màu sắc
Chuyển đổi giữa HEX, RGB, HSL, CMYK và OKLCH với khả năng chuyển đổi hai chiều tức thì.
Trình chuyển đổi · Tất cả các định dạngVòng tròn màu sắc
Bánh xe màu tương tác để khám phá màu sắc, độ bão hòa và mối quan hệ màu sắc. Bấm để chọn và khóa màu.
Tương tác · Trực quanKiểm tra độ tương phản
Xác minh sự tuân thủ WCAG AA/AAA đối với màu văn bản và màu nền. Nhận xếp hạng khả năng tiếp cận ngay lập tức.
Khả năng tiếp cận · AA/AAATrình tạo CSS Grid
Tạo bố cục CSS Grid trực quan với xem trước thời gian thực.
CSS·Trình chỉnh sửa trực quanKết hợp phông chữ
Khám phá các cặp phông chữ hài hòa cho tiêu đề và nội dung văn bản từ các bộ sưu tập được tuyển chọn.
Kiểu chữ · Hơn 300 phông chữTạo gradient
Thiết kế các gradient tuyến tính và xuyên tâm đẹp mắt với bản xem trước Canvas theo thời gian thực. Sao chép mã CSS ngay lập tức.
Độ dốc · Xuất CSSCài đặt trước gradient
Duyệt và sao chép 15 cài đặt trước gradient đẹp.
Cài đặt trước · Một cú nhấp chuộtBảng màu từ ảnh
Trích xuất các bảng màu đẹp từ bất kỳ hình ảnh nào bằng cách sử dụng lượng tử hóa màu thông minh.
Khai thác · Thông minhTạo bảng màu
Tạo cách phối màu hài hòa với các chế độ đơn sắc, bổ sung, tương tự và bộ ba. Xem trước thời gian thực với xuất CSS.
Màu sắc · Tương tácHệ thống màu UI
Tạo bảng mã thông báo thiết kế hoàn chỉnh từ một màu hạt giống duy nhất. Xuất sang Tailwind, CSS hoặc SCSS.
Mã thông báo thiết kế · Tailwind14 ngôn ngữ
Mọi công cụ, mọi nhãn hiệu, mọi hướng dẫn — được dịch đầy đủ.
Khả năng tiếp cận đầu tiên
Mỗi bảng màu đều bao gồm điểm tương phản WCAG. Thiết kế toàn diện ngay từ đầu.
Xuất khẩu thân thiện với nhà phát triển
CSS, Tailwind, SCSS, JSON — sao chép định dạng mà dự án của bạn cần.