Tạo Hoạ Tiết Nền
Tạo hoạ tiết nền lặp liền mạch (seamless) để dùng làm background cho web, thiết kế hay ảnh bìa. Chọn kiểu, chỉnh màu và kích thước, rồi xuất ra CSS, SVG hoặc PNG — tất cả tạo ngay trên trình duyệt.
Các bước
- Chọn Kiểu hoạ tiết: Chấm bi, Lưới ô, Sọc chéo, Bàn cờ, Dấu cộng, Sọc dọc, Sọc ngang hoặc Tam giác.
- Chỉnh Kích thước ô (khoảng cách lặp), Độ đậm / bán kính (độ dày nét hoặc kích thước chấm) và Độ mờ hoạ tiết bằng các thanh trượt.
- Chọn Màu hoạ tiết và Màu nền bằng ô chọn màu.
- Xem kết quả ở khung Xem trước — hoạ tiết lặp đúng như khi dùng thật.
- Xuất: Sao chép CSS (dán vào bất kỳ phần tử nào), Sao chép Data URI, Tải SVG hoặc Tải PNG.
Mẹo
- Kích thước ô nhỏ + độ mờ thấp cho hoạ tiết tinh tế làm nền; ô lớn + màu đậm cho điểm nhấn.
- File SVG rất nhẹ và sắc nét ở mọi độ phân giải — nên ưu tiên SVG hoặc CSS cho web, để PNG khi cần ảnh raster.
- CSS xuất ra dùng
background-imagevới hoạ tiết nhúng sẵn (data URI), không cần tải file riêng lên máy chủ.
Câu hỏi thường gặp
"Liền mạch (seamless)" nghĩa là gì?
Hoạ tiết được thiết kế để khi lặp lại không thấy đường nối giữa các ô — nền trải kín mượt mà dù to nhỏ thế nào.
Dùng cho web như thế nào?
Sao chép đoạn CSS rồi dán vào phần tử bạn muốn (ví dụ body hay một div). Hoạ tiết được nhúng thẳng trong CSS nên không cần thêm file ảnh.