15 Online Background Generators

by Webmasterish in Articles

I think we all agree that backgrounds, whether viewed on a website, a mobile phone, or a desktop, act as a key visual element that could render the viewing experience from pleasant to utterly disturbing. Of course what we are interested in is to have a great looking background, and there are many simple ways to achieve that.

This roundup is just about that. The list includes online generators that will easily create patterns, stripes, gradients and even tartans, all you have to do is download, tile, and impress!

Related Roundups

Know Some More?

You know the drill; share them with everyone by adding them in the comments.

Share the Love!

If you enjoyed reading, consider sharing it on one of these social sites.

You may also like:

Subscribe!

Subscribe to our feed and never miss another article.

95 Comments ( Add Yours )

  1. photo retouching
    April 23rd, 2009 at 8:50 am

    I`m going to mail a link to my web designer, I`m sure he will give me a discount when I next need work done from him!

  2. popurls.com // popular today
    April 23rd, 2009 at 9:00 am

    popurls.com // popular today…

    story has entered the popular today section on popurls.com…

  3. Battitsa
    April 23rd, 2009 at 9:16 am

    Sorry, maybe I wrong for tartamaker. Please Webmaster delete my first comment.

  4. Twitted by antoine_c
    April 23rd, 2009 at 10:27 am

    [...] This post was Twitted by antoine_c RT @justepourdire: RT @guerrier 15 générateurs d’arrière plan en ligne ( http://twitter.com/antoine_c/statuses/1594912869 This ping back was generated with the http://real-url.org free Twitter back pinger! This is an automatic message, nobody red it before so sorry for bugs. [...]

  5. Mind of Shadows » Great Links - 04.23.09
    April 23rd, 2009 at 3:05 pm

    [...] great information and there is at least a little bit of everything in there. Background Generators http://singlefunction.com/15-online-background-generators/ Basic Table Styling http://css-tricks.com/video-screencasts/61-basic-table-styling/ Test Multiple [...]

  6. photo retouching
    April 23rd, 2009 at 3:19 pm

    What a useful site! I have already generated my first couple of gradients!

  7. photo retouching
    April 23rd, 2009 at 3:33 pm

    What a useful site! I have already generated my first couple of gradients!
    Ooops, should have added great post! Waiting for the next one!

  8. Topics about Web-design | 15 Online Background Generators | SingleFunction
    April 23rd, 2009 at 4:53 pm

    [...] Megabyte Web Solutions added an interesting post today on 15 Online Background Generators | SingleFunctionHere’s a small reading Bookmark this on Delicious – Saved by moondancerjen to background wallpaper webdesign resources generator – More about this bookmark [...]

  9. Webmasterish
    April 23rd, 2009 at 6:36 pm

    @Battitsa It’s gone, and I’m glad you clarified that

    @photo retouching Thanks!

  10. Twitted by justepourdire
    April 23rd, 2009 at 7:39 pm

    [...] This post was Twitted by justepourdire RT @guerrier 15 générateurs d’arrière plan en ligne (#en http://twitter.com/justepourdire/statuses/1593830626 This ping back was generated with the http://real-url.org free Twitter back pinger! This is an automatic message, nobody red it before so sorry for bugs. [...]

  11. 15 Online Background Generators | Feed Reader
    April 24th, 2009 at 12:02 am

    [...] DIRECT LINK » [...]

  12. Twitted by guerrier
    April 24th, 2009 at 12:23 am

    [...] This post was Twitted by guerrier 15 générateurs d’arrière plan en ligne (#en #css http://twitter.com/guerrier/statuses/1593788130 This ping back was generated with the http://real-url.org free Twitter back pinger! This is an automatic message, nobody red it before so sorry for bugs. [...]

  13. 15 Generatori di Sfondi On Line! « Fedeweb
    April 24th, 2009 at 2:51 am

    [...] Fonte: Single Function [...]

  14. rory
    April 24th, 2009 at 2:52 am

    Lovely stuff!
    Every web designers dream to have quick and easy background generator, used StripeGenerator.com before and its great. Thanks for bringing the others to my attention though.

  15. 15 Generatori di Sfondi Per il Tuo Sito « Fedeweb
    April 24th, 2009 at 2:58 am

    [...] Fonte: Single Function [...]

  16. Weekly Links | Shaun Preston
    April 24th, 2009 at 6:22 am

    [...] 15 Online Background Generators – Speaks for itself! Tags: design, icons, UI April 24, 2009 | Filed Under Weekly links  [...]

  17. links for 2009-04-24 » 4exp.net
    April 24th, 2009 at 12:06 pm

    [...] 15 Online Background Generators | SingleFunction (tags: webdesign tools generator backgrounds background patterns) [...]

  18. 15 Online Background Generators : Design Newz
    April 24th, 2009 at 2:06 pm

    [...] 15 Online Background Generators [...]

  19. Punto Delta » Blog Archive » 15 Generadores en Linea de Background
    April 24th, 2009 at 4:31 pm

    [...] Enlace: Online Background Generators Tags: Background, Imagenes, Lista, Recopilacion, Recursos, Servicios, tips Comentarios (RSS)  |  Trackbacks [...]

  20. Kurz und gut X Aktuelle Links  miradlo bloggt  
    April 24th, 2009 at 5:24 pm

    [...] Spielkram so alles was man als Hintergrund haben möchte Muster, Streifen, Verläufe alles als online-Tools via [...]

  21. michaeldoyle.eu/blog » Background Generators
    April 25th, 2009 at 12:14 am

    [...] Here is a list of 15 different background pattern generators. [...]

  22. Bookmarks for April 23rd through April 25th • Blog Archive • noahcarter . com
    April 25th, 2009 at 5:10 pm

    [...] 15 Online Background Generators | SingleFunction – About this entry [...]

  23. Twitted by ZackAlpha
    April 25th, 2009 at 9:29 pm

    [...] This post was Twitted by ZackAlpha [...]

  24. 15 Çevrimiçi (Online) Arkaplan Oluşturucu (Generator) | HTD-34
    April 26th, 2009 at 12:26 pm

    [...] SingleFunction!Benzer YazılarÜcretsiz Web Sitesi Kurmaya Yarayan Uygulamalar (1) Webmaster Araçları (0)Şeffaf [...]

  25. Speedlinking 28 [20 a 26 de Abril] | 2.0 Webmania
    April 26th, 2009 at 2:03 pm

    [...] 27. 15 geradores de backgrounds online [...]

  26. Balkhis Sweet Monday Link Love - 4/27/09
    April 27th, 2009 at 8:35 am

    [...] 15 Online Background Generators [...]

  27. ham8di
    April 27th, 2009 at 9:33 am

    they are gr8
    thnx

  28. » The Best Articles, Tutorials, Resources and Showcases of April 2009 WebAir Blog
    April 30th, 2009 at 9:38 am

    [...] 15 Online Background Generators 15 Online Background Generators [...]

  29. Bahanesi Bol Günlük
    May 4th, 2009 at 8:28 pm

    Çevrimiçi Arkaplan Oluşturucu…

    Web sitelerinde arkaplan sitenin kendi tarzını yansıtmasında büyük etkendir. Herkes kendi tarzına göre birşeyler tasarlar ve kullanırlar. Bunu tasarlaması acemi biri için çok uzun sürebilir. Bu süreyi kısaltmanıza yaracağını düşü…

  30. Wouter
    May 6th, 2009 at 6:21 am

    We just released a new online pattern creation tool called “Repper”. The basic idea:

    - upload an image
    - move / scale the selection box
    - see the selection repeated real-time in a kaleidoscopic way
    - Download your pattern or copy the link / css

    We are very curious to what people will make with it, so feel free to check it out on http://repper.studioludens.com

  31. iS34.Net » Online Arkaplan Oluşturucular
    May 9th, 2009 at 4:17 pm

    [...] Teşekkürler SingleFunction! [...]

  32. Topics about Animation | 15 Online Background Generators | SingleFunction
    May 13th, 2009 at 2:27 am

    [...] Webmasterish placed an observative post today on 15 Online Background Generators | SingleFunctionHere’s a quick excerptI think we all agree that backgrounds, whether viewed on a website, a mobile phone, or a desktop, act as a key visual element that could render the viewing experience from pleasant to utterly disturbing. Of course what we are interested … [...]

  33. 55+ Extremely Useful Online Generators for Designers
    May 18th, 2009 at 11:22 am

    [...] 15 Online Background Generators [...]

  34. Design:58 sites de generateur en ligne simples et efficaces pour vous demarquer | llxCxll
    May 22nd, 2009 at 4:56 am

    [...] 15 Online Background Generators [...]

  35. Module23
    May 25th, 2009 at 4:58 am

    Thanks man, very cool collection of useful tools.

  36. Peter
    May 25th, 2009 at 6:51 am

    Awesome list, there is http://gradcolor.com that is a gradient maker, with 4 colors you can select.

  37. links for 2009-04-24 - Go Web Young Man
    May 26th, 2009 at 7:31 pm

    [...] 15 Online Background Generators | SingleFunction A list of online background generators. (tags: resources backgrounds generator) [...]

  38. GraceC
    May 28th, 2009 at 10:42 pm

    Fantastic information! Thank you. I was wondering though, I’ve been using bgMaker by Ventdaval.com for almost a year now, it’s one of my favorite sites, but for the last two days, my anti-virus programmer has been blocking the site from me because it says there is a trojan virus there. Has anyone else had this problem lately?

  39. 15 Generatori di Sfondi Per il Tuo Sito | Fedeweb
    May 31st, 2009 at 3:39 pm

    [...] Single Function Condividi [...]

  40. 15 Besplatnih Online Background Generatora | TechBlog.rs
    July 6th, 2009 at 4:01 pm

    [...] SingleFunction AKPC_IDS += “614,”; Podeli i [...]

  41. colordev.com
    July 17th, 2009 at 11:24 am

    site has new kind of evolution based tiled background generator (and, if you happen to wonder, yes, the website hosts also two evolution based 3d bar generators)

    Thanks for making this list

  42. Twitter Trackbacks for 15 Online Background Generators | SingleFunction [singlefunction.com] on Topsy.com
    August 29th, 2009 at 4:13 am

    [...] 15 Online Background Generators | SingleFunction singlefunction.com/15-online-background-generators – view page – cached I think we all agree that backgrounds, whether viewed on a website, a mobile phone, or a desktop, act as a key visual element that could render the viewing experience from pleasant to utterly disturbing. Of course what we are interested in is to have a great looking background, and there are many simple ways to achieve that. This roundup is just about that. The list includes online generators that will easily create patterns, stripes, gradients and even tartans, all you have to do is download, tile, and impress! — From the page [...]

  43. horrible haridas
    November 20th, 2009 at 12:09 am

    I think there IS some issue with bgMaker and ventdaval.com. Whenever I have the downloaded png files (from bgMaker) open, my mouse functions freeze and I get weird windows behaviour.

  44. Web Design from Lyons Solutions
    December 19th, 2009 at 10:38 am

    Certainly will help cut down on time. However, Photo Retouching I don’t think your web designer would give you a discount for that :P

  45. web design in dubai
    December 22nd, 2009 at 8:14 am

    Very good list you provided and in my opinion PatternCooler.com is the best among the rest.

  46. herman
    March 3rd, 2010 at 7:37 pm

    @ I`m going to mail a link to my web designer, I`m sure he will give me a discount when I next need work done from him!

    HAHAHA if i was your webdesigner and you sent me that I would just laugh at you. Nothing that can’t be done in the traditional webdesign tools. I hate when people do that. makes no sense. I have google too! learn to build your own site then see if you feel the same way.

  47. Brandon
    March 24th, 2010 at 1:39 pm

    very nice list…lovely article

  48. konetop
    March 29th, 2010 at 5:51 am

    another one
    http://serebrennikova.org/bgr/
    generates background pattern of specified size and colors, random on every download

  49. Photo Editing
    March 31st, 2010 at 6:15 am

    Lovely pictures, awesome these are looking so interesting but professional and artistic pics.

  50. 15 Çevrimiçi (Online) Arkaplan Oluşturucu (Generator)
    May 15th, 2010 at 2:28 pm

    [...] Teşekkürler SingleFunction! Post a Comment [...]

  51. 50+ Online Generators for Designers and Web Developers | WeDuggIt
    June 4th, 2010 at 11:05 pm

    [...] 15 Online Background Generators 10 Online CSS Generators For Web Designers 55+ Extremely Useful Online Generators for [...]

  52. Photo Retouching
    June 24th, 2010 at 7:29 am

    Thanks is extremely informative, thank for the content!

  53. roedix - webdesign koblenz
    June 24th, 2010 at 4:55 pm

    ohh i love ColourLovers.com!!

  54. Michael Nunn
    September 3rd, 2010 at 6:27 am

    Thanks for the great list – totally filled all my requirements :)

  55. Almekhlafi
    September 4th, 2010 at 6:25 pm

    truly this beautiful backgrounds
    thankyou very very much.

  56. Website Tip: Background Generators | SmartWebsiteDiva.com
    September 9th, 2010 at 1:47 pm

    [...] View the list HERE [...]

  57. Nano
    October 17th, 2010 at 6:38 am

    lumayan… thanks for list..

  58. Website Facility
    October 20th, 2010 at 7:31 am

    Very smart and unique, Thank you for sharing.

  59. Commercial Cleaning Companies
    January 28th, 2011 at 5:47 am

    I think this post will be a fine read for my blog readers too, could you please allow me to post a link to my blog. I am sure my guests will find that very useful.

  60. Дневник одного стартапа. Разработка | Starcode
    February 1st, 2011 at 4:54 am

    [...] вебдванольный фон, сгенерированный в одном из кучи бесплатных онлайн-сервисов [...]

  61. Lucus Murphy
    February 15th, 2011 at 10:26 am

    Wow, this is really cool. These online back ground generators are really helpful. I think that we can use this tools to create twitter back grounds. Never try these before but I have to try one.

  62. Gensets for Home Use
    March 3rd, 2011 at 9:39 am

    Very informative! Thank you for sharing your knowledge.
    More power to you.

  63. Demo Wordpress » 15 générateurs de background en ligne
    April 18th, 2011 at 1:17 pm

    [...] Sources : http://singlefunction.com/15-online-background-generators/ [...]

  64. clarionbristol25
    May 18th, 2011 at 3:28 am

    Wow! Great sites and very helpful too! Thanks for sharing!

    Save My Relationship

  65. herlan
    June 1st, 2011 at 11:35 pm

    we like this

  66. herlan
    June 1st, 2011 at 11:37 pm

    like this

  67. Commercial Laundry Equipment
    July 1st, 2011 at 3:46 am

    This is great! All background is unique. Thank you for sharing this content. Keep it up!

  68. Cathy W.
    July 26th, 2011 at 1:42 am

    great! great! great!
    These are exactly what I’m looking for!

    Yeah, Strip Generator & ColourLover are my favourite!

  69. I love toys
    July 28th, 2011 at 4:12 am

    This is going to be superb to help me create a new background for my new venture, will send a link as soon as its done and credit your site!
    And as I say, I love toys like this, any helping hand is better than trying to design something from scratch!
    Nice one and thanks!

  70. Website Tip: Background Generators | The Smart Diva | Business, Websites, Organizing, Real Life
    August 8th, 2011 at 7:14 pm

    [...] View the list HERE Filed Under: Branding, Smart Biz Building Tagged With: background pattern generator, website resource [...]

  71. J.
    September 12th, 2011 at 8:43 am

    Thanks for listing!!

  72. Complete Review Of Senukex Service
    September 12th, 2011 at 2:32 pm

    I am glad to be one of the visitants on this wonderful web site (:, thanks for putting up.

  73. Michael Deal
    October 14th, 2011 at 5:06 pm

    You might be tempted to check out mine too, it’s pretty powerful at combing Textures and Gradients together, and automatically generating the CSS:

    http://mudcu.be/bg/

  74. Website Design Milton Keynes
    November 20th, 2011 at 4:27 am

    Wow, this is great!!

    I have now emailed this article to all our design guys, great article.

  75. Adrian
    January 15th, 2012 at 8:35 pm

    Nice blog,
    you can find interesing things on mine too:
    http://adrianbienias.pl/10-najbardziej-uzytecznych-internetowych-narzedzi-dla-webdesignera

  76. Snarling Dolphin
    February 12th, 2012 at 12:48 pm

    You can do the same as Repper does, in Photoimpact 12 and X3, just use Effect – Creative – Kaleidoscope Effect, select the type you want, adjust the handles on the selection box, and create any type of background image you want. You can also then use Effect – Fills and Textures – Texture Filter, and use ‘Metallic’, or any of the other effects. Cheaper than buying Repper, and you can do about a million other things with Photoimpact X3 too…

  77. How do I change the RGB colour of objects in GIMP?
    February 28th, 2012 at 7:00 pm

    [...] 15 online background generator [...]

  78. Mike
    March 16th, 2012 at 2:03 pm

    Awesome collection. I will definitely use these. Thanks for sharing.

  79. Mummy Ninja
    March 23rd, 2012 at 11:34 am

    Oh great! Just what I needed! stripedesigner dot com seems to be down. Too bad. T_T

  80. mohamad
    May 1st, 2012 at 9:49 am

    they are gr8
    thnx

  81. Dmitry
    May 21st, 2012 at 12:59 am

    Thank you for nice collection and review!

  82. Sara Mompart
    July 12th, 2012 at 4:29 am

    I will try them all, thanks so much for spending your time on collecting this valuable info.
    Have nice “pattern designs” to all of you, guys!.

  83. Oldskool Linkdump from 2009 | Reverse The Web
    July 19th, 2012 at 9:12 pm

    [...] [...]

  84. Karan Kathuria
    October 5th, 2012 at 1:52 am

    Oh thanks for so much !
    I was just searching for 1 and here we have 15 wow !

  85. Azulejos de Fondo en PowerPoint 2010 con Estilo Mosaico | Plantillas Power Point
    January 18th, 2013 at 1:42 pm

    [...] propios fondos de baldosas utilizando generadores gratuitos de fondo de azulejos como los de singlefunctions o ver los fondos gratis para PowerPoint y descargarlos [...]

  86. Week 3 – HTML Structure – Intro to CSS | Web Design 1
    February 13th, 2013 at 9:40 am

    [...] Image Properties  ****Here’s a great link several sites that generate backgrounds for you. You can create gradients, stripes, tartans, tiles and patterns. Putting it All [...]

  87. Gun Trust Austin
    February 22nd, 2013 at 7:01 am

    I just love generators, even if some are not that useful, they are great for playing about with.

  88. 5 Free Online Twitter Background Generators | SingleFunction
    April 10th, 2013 at 1:04 pm

    [...] week I have posted a roundup of 15 Online Background Generators, and since then I’ve realized that many people needed specialized generators for Twitter [...]

  89. Week 14 | Web Pt. 2 | Digital Media Production
    December 5th, 2013 at 6:34 pm

    [...] Image Properties  ****Here’s a great link several sites that generate backgrounds for you. You can create gradients, stripes, tartans, tiles and patterns. Putting it All [...]

  90. Несколько полезных сервисов (cloud) « J3qx
    January 19th, 2014 at 4:23 pm

    [...] поискать на следующих страницах: раз, два, три, четыре, пять, шесть. Добавили: BugZ, Santacruz, Webtun,hellhorse. [...]