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…
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.




[...] 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 [...]
Man kann alles untersuchen und Interessenten dafür finden … :-) Ich kann nicht erklären warum, finde das aber auch interessant. ;-)
sehr schöne sache ;)
[...] The Web 2.0 Color Scheme nach Dr. Web: [...]
[...] Interessante Farbanalyse aus aktuellen Logo-Betas als Vorhersage zu den “Farben des Web 2.0″ bei Dr. Web Blog [...]
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 :)
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”.
Da fehlt aber noch ein grelles Gelb (Digg) und Pink (Flock).
[...] Klick me! [...]
[...] 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ß. [...]
[...] Das hier sind nach dem Dr.Web – Weblog die aktuellen Web 2.0-Farben. [...]
[...] Farbschemata und [...]
[...] Das hier sind nach dem Dr.WebWeblog die aktuellen Web 2.0-Farben. [...]
[...] 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. [...]
[...] Eine Sammlung von “Web 2.0″-Logos und dem daraus resultierenden “Web 2.0 Color Scheme” – gesammelt und zusammengestellt von Dr. Web. [...]
Dies führt aber doch hoffentlich nicht dazu, dass nun alle nur noch diese Farben verwenden ;-)
Ist aber doch interessant…
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.
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 ;)
[...] раз, два и три. [...]
[...] 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. [...]
[…] Eine Sammlung von “Web 2.0″-Logos und dem daraus resultierenden “Web 2.0 Color Scheme” – gesammelt und zusammengestellt von Dr. Web. […]
[...] Web 2.0 Color Scheme Eine schöne Auswahl der besten Web 2.0 Farben. Nicht vergessen ist auch die Photoshop-Palette. [...]
[...] 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. [...]
[...] 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 [...]
[...] Die angesagtesten Web 2.0 Farben findet man bei Dr. Web. the tagsblog, links, notiz für mich, web 2.0 leave a comment [...]
[...] Web 2.0 Farbschema ist zu finden unter: http://www.drweb.de/weblog/weblog/?p=525 http://miles.burke.id.au/blog/wp-content/files/web2palette.jpg [...]
[...] Web 2.0 Farben suchen und damit … [...]
[...] Du kennst noch nicht die angesagtesten Web 2.0 Farben dann solltest du die Seite hier besuchen: http://www.drweb.de/ [...]
[...] 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- [...]
[...] Live Archives. Verglichen mit dem Original brilliert Digital Pop durch den Einsatz wärmerer, Web zwonull konformer [...]
[...] 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. [...]
[...] verwendet überwiegend warme Farben und fällt – wenn man so will – in das Web 2.0 Schema. Ähnliche [...]
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
[...] 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ı [...]
[...] 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 [...]
[...] 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ı [...]
[...] 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ı [...]
[...] 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 [...]
[...] i
[...] 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 [...]
[...] 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ı [...]
[...] 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 [...]
[...] 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ı [...]
[...] 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 [...]
[...] Web 2.0 Color Scheme [...]
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
[...] 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ı [...]
[...] 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 [...]
[...] 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ı [...]
[...] 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ı [...]
[...] 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 [...]
[...] 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ı [...]
[...] 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 [...]
[...] [...]
[...] 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 [...]
[...] 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ı [...]
[...] Web 2.0 Color Scheme [...]
[...] i
@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 ;-)
[...] 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 [...]