Hero Patterns是一款產生重複網頁背景線上工具，收集的樣式都很符合當前網頁設計潮流，允許自訂前景、背景色及透明度，乍看之下好像跟一般圖片產生器沒有差異，但其實它是一款能產生重複背景SVG向量格式的製作工具。

有了這款工具的好處就是：不用下載任何檔案，只要將CSS 程式碼加入網站即可輕鬆套用漂亮平鋪式背景!如果對於SVG 格式有些瞭解應該知道，SVG 就是所謂的以程式碼畫圖，也因此不用再下載額外圖片檔案，只要將產生的程式碼加到自己網站CSS 就能出現背景效果。

使用方法：開啟 Hero Patterns 網站後，首頁會出現許多重複圖案的平鋪式背景圖(目前大約40 種)，從上方切換不同的前景、背景色及透明度。Hero Patterns 網站收錄的圖案都很簡單，適合各種網站使用，尤其是覺得單色背景看起來太過單調時，Hero Patterns 或許能帶來意想不到的效果。

選擇任一背景後，在Selected Pattern 頁面還能進行前景、背景色和透明度調整，網頁會直接讓你預覽背景圖案效果，沒問題的話，複製上方產生的CSS 程式碼，將它加入網站CSS 程式碼的適當位置就能快速套用此背景圖案。

如果要做小細節的編輯調整，也可以從網站來下載產生的SVG圖片，而不是CSS程式碼，點選右上角「Download unstyled SVG」就能下載圖片到本地，這樣就可以永久免費使用了。