Trends

Web 2.0 Color Scheme

2. April 2006
von

Angeregt durch eine Suchanfrage habe ich mir noch einmal die Beta-Logos vorgenommen und versucht die am häufigsten vorkommenden Farben herauszuziehen. Ein Grafiker kann das sicherlich genauer, doch vermittelt die kleine Tabelle einen durchaus anschaulichen Eindruck. Vieles davon findet man übrigens nicht nur in den Logos, sondern auch in Überschriften, Grafiken und sonstigen Gestaltungselementen bis hin zur Hintergrundfarbe. Hier also die derzeit angesagtesten Farben:

       
       
       
       

Die Idee hatten auch Andere. Hier als Photoshop Palette und bei UneasySilence bekannten Websites zugeordnet. Ähnlichkeiten sind durchaus vorhanden…

 foto

Sven Lennartz

Sven ist der Erfinder des Dr. Web Magazins, Autor und Herausgeber verschiedener Fachbücher. Als Webdesigner und Texter früher freiberuflich für verschiedene Unternehmen und Verlage tätig. Jetzt Geschäftsführer der Smashing Media GmbH.

70 Kommentare zu „Web 2.0 Color Scheme

  1. [...] Im Dr. Web Weblog habe ich die Farben des Internets gesehen… Aus über 80 aktuellen Logos und anderen Elementen von Webseiten wurden die am häufigsten vorkommenden Farben bestimmt. Mit recht gutem Ergebnis, wie ich finde – die farbigen Quadrate könnten selbst fast schon wieder ein Logo sein.Viele GrüßeFluffi [...]

  2. Kalyxo am 2. April 2006 um 21:11

    Man kann alles untersuchen und Interessenten dafür finden … :-) Ich kann nicht erklären warum, finde das aber auch interessant. ;-)

  3. Paule am 3. April 2006 um 06:11

    sehr schöne sache ;)

  4. web.XpunktNull.de » pastel coloured days am 3. April 2006 um 09:01

    [...] The Web 2.0 Color Scheme nach Dr. Web: [...]

  5. [...] Interessante Farbanalyse aus aktuellen Logo-Betas als Vorhersage zu den “Farben des Web 2.0″ bei Dr. Web Blog [...]

  6. Fluffi am 3. April 2006 um 13:39

    Nachdem schon ein Trackback von mir vorhanden ist, jetzt auch noch ein Kommentar:
    Mich irritiert, dass ich mit den paar Farb-Vierecken schon ein “Logo” assoziiere. Ob das daran liegt, dass das gezeigte Farbschema allgemein recht häufig verwendet wird? Man findet z.B. eine Teilmenge der Farben in der Farbtabelle von typischen XP-Icons… ob man da beim Design eines eigenen Logos ungewollt beeinflusst ist?
    Viele Grüße
    Fluffi :)

  7. Tim am 3. April 2006 um 17:56

    Der Deja-Vu Effekt, die Palette irgendwoher zu kennen, mag auch daher rühren dass die Palette überwiegend die Primärfarben widerspiegelt, die in den besagten Web 2.0 Logos entweder “Bonbon” oder “pastellig” sind (In XP-Icons eher nur Bonbon). Das dunkle Grün ist auch das neue Schwarz, dazu Grau und Weiss, fertig ist das Web 2.0 Spektrum. Und das zeigt wirklich attraktive, frische Bildschirmfarben.

    Danke auch für’s “Zusammentragen”.

  8. asdf am 4. April 2006 um 17:11

    Da fehlt aber noch ein grelles Gelb (Digg) und Pink (Flock).

  9. [...] Klick me! [...]

  10. [...] Moderne Menügestaltung nutzt CSS und geht sparsam mit Grafiken um. Kein Wunder, dass bei neuen Projekten hauptsächlich, wenn auch nicht ausschließlich, diese Art der Navigation zum Einsatz kommt. Unterstützende Icons finden sich eher selten. Die gute alte Ecke beherrscht noch das Geschehen. Unschwer zu erkennen – und nicht anders zu erwarten – orientiert sich der überwiegende Teil an aktuellen Trendfarben. Der Seitenhintergrund ist häufig weiß. [...]

  11. [...] Das hier sind nach dem Dr.Web – Weblog die aktuellen Web 2.0-Farben. [...]

  12. [...] Das hier sind nach dem Dr.WebWeblog die aktuellen Web 2.0-Farben. [...]

  13. [...] Das Web der Zukunft designen Der Begriff Web 2.0 beschreibt nicht nur technische Innovationen des Internets. Auch wenn die Medien dies so nach Außen tragen. Keine Anwendung wäre auch nur halb so schön zu benutzen, hätte sie kein freundliches, dem System angepasstes Erscheinungsbild. Das Interface-Design der Anwendungen spielt eine ungeahnt große Rolle für Web 2.0-Anwendungen. Eine Idee, wie groß diese Rolle ist, erfährt man bei Dr. Web. Im Speziellen die Menüs von Web 2.0-Anwendungen, die Farben, und Logos. Auch wenn dieses Weblog die neuen Trends nur beobachtet, so gibt es auch hier in diesem kleinen Blog ein zukunftsorientiertes Design-Gimmick. Schauen Sie sich nur einmal die Überschriften der einzelnen Beiträge an. Wie Sie sicher erkennen, handelt es sich nicht um Standart-Systemschrift, wie bei anderen Seiten, sondern um die DIN Engschrift, die auch im Menü, sowie im Schriftzug ZWEINULLMEDIA wieder zu finden ist. Normalerweise lässt sich so etwas nur mit einer Grafik als Überschrift realisieren, doch dann könnte man diese nicht markieren und den Text der Überschrift kopieren. Wir haben diesen Augenschmaus mit einer Flash-Lösung realisiert. So werden auch die Buchstabenabstände korrekt dargestellt und der optische Fluss nicht gestört, wie das mit einer Grafik-Lösung der Fall gewesen wäre. [...]

  14. sokai.name - Potsdam bloggt » Web v2.0 am 18. Mai 2006 um 12:38

    [...] Eine Sammlung von “Web 2.0″-Logos und dem daraus resultierenden “Web 2.0 Color Scheme” – gesammelt und zusammengestellt von Dr. Web. [...]

  15. Thomas am 15. Juni 2006 um 11:33

    Dies führt aber doch hoffentlich nicht dazu, dass nun alle nur noch diese Farben verwenden ;-)
    Ist aber doch interessant…

  16. n3rd am 28. Juni 2006 um 14:21

    Also das der Web2.0 Hype ein wenig albern ist dürfte manchem Designer ja schon aufgegangen sein.
    Erschreckend, dass die angeblich wissenden, auf einen Web2.0-Design-Hype reinfallen.
    Oh, die neuen Farben, das tolle Ajax:
    Als Flash aufkam waren alle noch berauscht vom Neuen Markt…
    aber auch das ist nur ein weiteres Werkzeug unter vielen,
    um Ideen zu verwirklichen.
    Nur: wer keine guten Ideen hat, dem ist mit dem Web2.0 Farbkeil ja nicht geholfen.
    Trotzdem feiern hier alle bei dr.dr.prof.web.de 16 Farbwerte ab.
    Folge ist doch, dass “die web2.0 Farben” jetzt noch inflationärer verballert werden für jede noch so drittklassige PHP Seite.

  17. cchino am 29. Juni 2006 um 12:53

    Das Angebot von ansprechenden Standard-Templates in Opensource CMS- und Blog-Systemen beeinflusst die Statistik sicher massgebend. Lustig wäre jetzt, über die ermittelten Farben auf die meistbenutzten, und somit bekanntesten (oder besten?) frei verfügbaren Systeme zu schliessen ;)

  18. Number One Blogger » Web 2.0 palette am 11. Juli 2006 um 11:13

    [...] раз, два и три. [...]

  19. [...] Dazu braucht man eigentlich nur ein schickes Logo mit den typischen WebZweiNullFarben, Verlauf, Spiegelung, Mac-Look, eine Homepage mit WordPress und fünfundzwanzig einschlägigen AjaxTemplates die man irgendwie zum Laufen bringen muss und geboren ist die Geschäftsidee – irgendwer wird schon Geld dafür geben, wenn Du ihn auf eine doppelte Latte in Berlin Mitte einlädst.  [...]

  20. Martin Klein am 19. Dezember 2006 um 08:27

    […] Eine Sammlung von “Web 2.0″-Logos und dem daraus resultierenden “Web 2.0 Color Scheme” – gesammelt und zusammengestellt von Dr. Web. […]

  21. [...] Web 2.0 Color Scheme Eine schöne Auswahl der besten Web 2.0 Farben. Nicht vergessen ist auch die Photoshop-Palette. [...]

  22. [...] Die Farben, die IMHO recht gut aussehen, nennen sich wohl “Web 2.0 Colors”. Im Dr Web Weblog gib es eine kleine Auswahl die man perfekt mit der von ModernLifeIsRubbish ergänzen kann. [...]

  23. [...] Ein Favicon muss vieles können. Es soll auffallen, etwas aussagen, wiedererkennbar sein, muss sauber gezeichnet werden und zurm Design oder zum Logo passen. Gar nicht so einfach das auf 16 mal 16 Pixel hinzubekommen. Doch hin und wieder gelingt es. Besonders schwierig sind Buchstaben. Die werden zwar häufig eingesetzt, wirken aber selten wie gelungen. Die Farbgestaltung folgt aktuellen Web 2.0 Trends. Hier eine Auswahl. Die Abbildungen sind anklickbar. Blütenblätter [...]

  24. Web 2.0 Farbpalette » Blggr.de am 26. Januar 2007 um 16:54

    [...] Die angesagtesten Web 2.0 Farben findet man bei Dr. Web. the tagsblog, links, notiz für mich, web 2.0 leave a comment [...]

  25. Web 2.0 Generator - Unique-Avalon am 27. März 2007 um 17:13

    [...] Web 2.0 Farben suchen und damit … [...]

  26. » Blog Archive » Web 2.0 Generatoren am 28. März 2007 um 10:18

    [...] Du kennst noch nicht die angesagtesten Web 2.0 Farben dann solltest du die Seite hier besuchen: http://www.drweb.de/ [...]

  27. Frische Logos | Dr. Web Weblog am 31. März 2007 um 12:34

    [...] und Icon werden kombiniert. Meist wird mit zwei kontrastierenden Trendfarben gearbeitet. Das Logo hat vieles zu transportieren. Neben dem immer noch häufigen Beta-, Alpha- [...]

  28. Digital Pop Wordpress Theme at mikee.at am 2. April 2007 um 22:10

    [...] Live Archives. Verglichen mit dem Original brilliert Digital Pop durch den Einsatz wärmerer, Web zwonull konformer [...]

  29. iGoogle « Der Kaffeeblogger am 2. Mai 2007 um 15:55

    [...] iGoogle Veröffentlicht 2. Mai 2007 Trends & Innovationen Dem ein oder anderen ist heute womöglich schon der neue Menüpunkt “iGoogle” ins Auge gefallen. Google hat das bereits länger bestehende, vormals unter dem Titel “Personalisierte Startseite” geführte Portal nun zu iGoogle umbenannt und bietet ferner die Möglichkeit, sich für diese Seite ein freundliches Design zu wählen. Meine persönliche Wahl fiel auf das saisonale Design – wirkt frühlingshaft, verwendet überwiegend warme Farben und fällt – wenn man so will – in das Web 2.0 Schema. [...]

  30. iGoogle | Der Kaffeeblogger am 22. Mai 2007 um 20:36

    [...] verwendet überwiegend warme Farben und fällt – wenn man so will – in das Web 2.0 Schema.   Ähnliche [...]

  31. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  32. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  33. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  34. Hazır Web 2.0 Tasarım Araçları am 8. Juni 2007 um 15:44

    [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  35. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  36. endlichraucher.de - Bald blogs.ebay.de? am 5. Juli 2007 um 00:49

    [...] reif für eine Auktionsplattfom für Blogs… so mit allem drum und dran. In Web 2.0 mit den passenden Farben und vor allem mit viel, viel Venture Capital. Achja, hier mein Preis (leicht [...]

  37. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  38. [...] wie: Transparenten PNG’s (Endlich hats auch Microsoft geschafft!), DIV’s und Web 2.0 Farben – ja richtig gehört sowas behämmertes gibts. Dann noch eine Prise JavaScript und ein [...]

  39. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  40. Web 2.0 Tasarım Araçları - Kisiselsayfam.com am 29. Dezember 2007 um 15:26

    [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden… 10. Yazı [...]

  41. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  42. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden… 10. Yazı [...]

  43. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden… 10. Yazı [...]

  44. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  45. [...] i

  46. [...] Die leuchtenden Farben erinnern ein wenig an den Web 2.0 Logo-Trend und den damit verbundenen Trendfarben. Die Streifen des neuen Logos sollen laut CD-Guide jedenfalls als Wiedererkennungsmerkmale in [...]

  47. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden… 10. Yazı [...]

  48. Hazır Web 2.0 Tasarım Araçları | am 16. März 2008 um 15:07

    [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  49. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden… 10. Yazı [...]

  50. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  51. [...] Web 2.0 Color Scheme [...]

  52. [...] Thema Web2.0 Farben auseinander setzen. Diese möchte ich euch natürlich nicht vorenthalten. Bei Dr Web findet Ihr eine kleine Farbzusammenstellung auf Basis bekannter Beta [...]

  53. [...] ich auf zwei interessante Beiträge bei Dr. Web. Der eine Artikel beschäftigt sich mit den derzeit beliebtesten Farben im Web 2.0 und der andere Beitrag mit den angesagtesten [...]

  54. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  55. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden… 10. Yazı [...]

  56. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  57. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden… 10. Yazı [...]

  58. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden… 10. Yazı [...]

  59. web 2.0 tasarım araçları | Maniaxs.com am 23. Juli 2008 um 06:30

    [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  60. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden… 10. Yazı [...]

  61. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  62. Web 2.0 Nedir Ne De am 20. August 2008 um 23:41

    [...] [...]

  63. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk [...]

  64. [...] hazır renk paletlerinden faydalanabilirsiniz. Web 2.0 Colour Palette, Web 2.0 Secret Weapon ve Web 2.0 Color Scheme bu amaçla hazırlanmış renk paletlerinden… 10. Yazı [...]

  65. Web 2.0 Araçları am 7. September 2008 um 17:14

    [...] Web 2.0 Color Scheme [...]

  66. Web 2.0 Tasar am 16. September 2008 um 04:38

    [...] i

  67. frog am 6. Oktober 2008 um 02:44

    @n3rd:
    witzig, dass du einerseits die farbpalette als einfallslosen web 2.0-hype kritisierst und doch bitte nich jede “drittklassige PHP Seite” diese farben nutzen soll. andererseits kommen aber auf deiner seite eben genau diese farben zum einsatz ^^

    schon ein wenig inkonsequent oder? :)

    und um web 2.0 logo zu imitieren, ist selbst ein anfänger wohl kaum auf diese palette angewiesen (ein bild abspeichern und mit einen bildbearbeitungsprogramm zu öffnen sollte für die mehrheit der webdesigner beherrschen).

    die palette an sich ist schon interessant und man hat wirklich direkt einige logos vor augen, wenn man sie anguckt ;-)

  68. [...] durchgeführt, welche Farben am häufigsten für Logos verwendet werden. Die Analyse wurde vom Dr. Web Blog durchgeführt und zeigt in einer Übersicht die häufigsten Farben in Verbindung mit Web [...]

Ein Kommentar? Schön!

Wir freuen uns immer über Leser, die durch nützliche und konstruktive Beiträge zum Thema eine Diskussion anstoßen oder den Artikel mit weiteren Informationen anreichern. Alle Kommentare werden in diesem Sinne moderiert. Zum Kommentar-Fairplay gehört für uns auch der Einsatz von rel="nofollow". Bitte verwenden Sie zudem als Namen weder eine Domain noch ein spamverdächtiges Wort. Vielen Dank!

*