📐 Blueprint Grid Background Generator

📐 工作原理與說明

由兩套不同疏密的網格線按固定比例（如細格與粗格 5:1）疊加構成藍圖風格底紋，方格尺寸與顏色可調並匯出圖片；用於工程草圖、手繪底圖與演示背景。

Create a blueprint-style grid background with adjustable density, cell size and colour for engineering sketches and slide backdrops.

背景色

主線條色

次線條色

主間距 (px)

次間距 (px)

預覽

📚 深度解析：藍圖網格

生成 20px 藍圖網格

輸入：格距 20px、主線色 #9DB2FF、底 #0B1E3B。處理：繪製雙層網格背景。輸出：預覽與 CSS background 程式碼，可複製。

能匯出圖片嗎？: 可匯出為平鋪背景圖或 CSS，用於網頁背景。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
生成的程式碼/圖片能直接用嗎？: 可直接複製使用，建議粘到專案後在瀏覽器實測微調；本工具只生成不託管。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。