⚫ Dot Pattern Generator

📐 工作原理與說明

按固定間距在背景上重複繪製圓點（可用錯位排列形成六角感），點徑、間距與配色可調並匯出圖片；用於包裝、網頁底紋與印刷稿。

Create an even or offset dot texture with adjustable dot size, spacing and colour, exportable as a transparent or solid background image.

背景色

圓點色

圓點大小 (px)

間距 (px)

排列方式預覽

📚 深度解析：圓點圖案

生成 20px 波點

輸入：距 20px、點徑 3px、色 #FF6B35。處理：radial-gradient 平鋪。輸出：預覽與 CSS。

點距和清晰度？: 點距越小越密；過密在螢幕上易糊，以實測為準。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
生成的程式碼/圖片能直接用嗎？: 可直接複製使用，建議粘到專案後在瀏覽器實測微調；本工具只生成不託管。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

⚠️ 使用說明與注意事項