Thiết kế
Color tool cho designer và dev-adjacent
HEX ↔ RGB ↔ HSL converter, WCAG contrast checker, palette generator — xây dựng cho cả designer và content writer quan tâm đến accessibility.
Color converter & kiểm tra contrast
HEX ↔ RGB ↔ HSL converter với WCAG AA/AAA contrast checker. Cho designer và audit accessibility.
Color Palette Generator
Generate harmonized palette: analogous, complementary, triadic, monochromatic. Từ 1 seed color.
Kiểm tra độ tương phản WCAG
Kiểm tra tương phản màu theo WCAG 2.2 AA/AAA — xem trước trực tiếp, tỷ lệ chính xác, tự gợi ý màu đạt chuẩn khi cặp màu chưa đạt. 100% offline.
Trình tạo gradient CSS
Tạo gradient linear, radial, conic với số color stop tuỳ ý. Copy CSS kèm fallback màu phẳng hoặc giá trị Tailwind.
Trình tạo box-shadow CSS
Xếp nhiều lớp shadow (offset, blur, spread, màu, inset), xem trước trên nền sáng và tối cùng lúc. Copy CSS hoặc giá trị Tailwind.
Trình tạo clip-path CSS
Kéo đỉnh polygon, hoặc chỉnh circle/ellipse/inset, rồi copy khai báo clip-path. 12 hình mẫu, xuất theo % hoặc px.
Bảng vẽ trực tuyến
Vẽ sơ đồ, wireframe ngay trong trình duyệt. Lưu trong máy, không tài khoản, không đồng bộ.
Trình tạo Cubic Bezier
Kéo hai điểm điều khiển trên lưới và xem một khối chạy đúng theo easing đó. Có sẵn preset CSS và preset quá đà, copy dạng transition-timing-function hoặc biến CSS.
Mô phỏng mù màu
Tải ảnh hoặc nhập mã màu, xem qua protanopia, deuteranopia, tritanopia hay achromatopsia. Có thanh so sánh, dùng ma trận LMS Brettel/Viénot-Mollon.
Xem STL/OBJ
Xoay, phóng to và xem file 3D .stl hay .obj — số tam giác, hộp bao, thể tích ước lượng, chế độ khung dây, chụp ảnh PNG. Chạy trong trình duyệt, không tải file lên.
Chọn công cụ nào trong nhóm này
Ba công cụ xoay quanh một câu hỏi: tổ hợp màu này có thật sự đọc được không?
Độ tương phản đo được, không phải chuyện gu thẩm mỹ. WCAG định nghĩa một tỷ số từ độ sáng tương đối của hai màu, và ngưỡng là 4,5:1 cho chữ thường và 3:1 cho chữ lớn ở mức AA. Bộ kiểm tra báo tỷ số cùng kết quả đạt hay trượt ở từng mức — đó là khác biệt giữa một buổi duyệt thiết kế kết thúc bằng ý kiến và một buổi kết thúc bằng con số.
Bộ chuyển đổi đưa màu qua lại giữa HEX, RGB, HSL và các biến thể có alpha mà không bị trôi số do làm tròn như khi chuyển tay hai lần, còn bộ sinh bảng màu dựng các hoà sắc từ một màu gốc. Cả hai hữu ích nhất khi đặt cạnh bộ kiểm tra tương phản: chọn bảng màu, rồi xác nhận những cặp bạn định đặt chữ lên thật sự vượt ngưỡng trước khi ra production.