Welcome to our web color community. Here you'll find the latest web-focused Palettes and Patterns, as well as Blog, Trends and Forums to help guide your next web design project.

Channels»Web»Blog

Daily Posts. Colorful Ideas & Inspirations.

Our team of writers brings you daily trend coverage, new products, inspiration, information and fun ideas. With an archive of more than 2,196 articles, you're sure to find something you love. Or if you have a great idea, let us know!

The Colors Behind Datamoshing

The Colors Behind Datamoshing


A developing animation technique recently coined, datamoshing (though one of the originators of this technique isn't thrilled by its new name), which uses compression artefacts is beginning to appear in the mainstream. The proof, enough for any blog it seems, are two music videos: Kanye West's 'Welcome To Heartbreak" Directed by Nabil and Chairlift's 'Evident Utensil' directed by Ray Tintori with "Datamoshery by Bob Weisz."

A post by our color loving friend Shape + Colour not only brought my attention to the music videos, it also steered me towards the work of David O'Reilly, one of the originators of this animation technique (first example in 2005). O'Reilly, besides having an impressive portfolio, has a lot to say about the recent developments and the technique itself. He explains his use like this, "my goal aesthetically has always been the more broader aim of simply not hiding the artefacts of software, the same way Bacon didn’t hide paint strokes..."

According to a post over at kottke, there are few other artists who should be recognized by their use of this technique: " Takeshi Murata, paperrad, Mark Brown, Kris Moye, Owi Mahn & Laura Baginski (2004) and Sven König; 1 & 2 (2004/2005).

Here are some early examples along with the two recent music videos.

Early Examples


Takeshi Murata




Read the full post
Ecclectic Color Roundup

Ecclectic Color Roundup


Here’s a roundup of the most colorful art, products, websites and such that I’ve come across in the last week.

Art

'Happy Cloud' by Stuart Semple

Stuart Semple

"‘I (Stuart Semple) just wanted to make a piece of work that would cheer people up a bit.’ he continued saying, ‘I know at times like this it's easy to make creativity a low priority but i want to show that on a very human level an artistic idea might be able to do something important even for a fleeting moment.’ the piece was created using helium, soap and vegetable dye. semple release one pink-tinged cloud every 7 seconds, with each lasting only 30 minutes. 2057 completely biodegradable clouds were released in total." - designboom.

Read the full post
Download Color Palettes in XAML, WPF and Design

Download Color Palettes in XAML, WPF and Design


Along with our ASE, GIMP, HTML and other download options; you can also download any of our more than 700,000 color palettes in 3 different Microsoft Expression formats. These options will make it easier for our creative friends using Expression tools to get the color love into their programs.

The Three Expression Formats:

Expression Design
Microsoft Expression Design is a small but professional and expressive vector graphics drawing and editing tool. It helps you create vector based graphics, integrate bitmaps along with your compositions, add dynamic effects to both vector and bitmap based objects and also allows you to manage Color Swatches, a concept that is very popular across any other vector design tool like Illustrator, CorelDraw or Freehand (R.I.P).

Expression Design is compared by some people to Adobe Illustrator. Expression Design, however, focuses only on digital graphics and has no features for printing. You can download a trial of Microsoft Expression Design from microsoft.com. Expression Design is included in Expression Studio, the box which includes the entire Expression family of products.

WPF Resource Dictionary (Brushes)
The WPF color palette you can download from COLOURlovers is a WPF Resource Dictionary, which is basically a library of resources (in this case colors) that you can add to your WPF project in Expression Blend.

What is WPF? WPF is our friendly name for Windows Presentation Foundation, a platform that helps designers and developers to create Windows desktop applications. WPF includes support for vector and bitmap graphics, animation, video, audio, interactivity, rich controls, 3D and more. With WPF, Microsoft has opened the doors for designers to become first-class citizens, collaborating in the creation of the next generation of Windows applications. This is an exciting creative and business opportunity for designers.

Read the full post
Eclectic Color Roundup

Eclectic Color Roundup


Here’s a roundup of the most colorful art, products, websites and such that I’ve come across in the last week.

Art

Christmas by Colour

christmasbycolour.co.uk; buy

A not-for-profit exploration into the colours that shape our Christmas. Frustrated at the plethora of Christmas reds, whites and greens those pesky designers at Raw Design Studio are exploring what colours people really associate with their Christmas.


Read the full post
17 Blog Color Palettes That Work

17 Blog Color Palettes That Work


Most blogs tend to rely on white, grey or black as their main color, and while many of the best blogs, and my favorites, do just that, some go beyond the norm into a realm of bold and unexpected color...

A blog should never be judged by its color palette alone, but here are 17 blogs that use slight variations and bold departures from the color norms and do it well.

spacecollective.org grainedit.com

treehugger.com inhabitat.com

design*sponge thinkingforaliving

Read the full post
Blog Action Day: Uniting To End Poverty

Blog Action Day: Uniting To End Poverty


Today is blog action day, and blogs around the world are uniting to change the subject to that of poverty.

It doesn't take much to inspire us to reach out to fellow humans when they're struggling, especially when that struggle is about their fundamental survival. As far as our great societies have developed, it is hard to believe that half of the world's population is still impoverished, struggling each day trying to find things that us in the other half can so easily take for granted. Things as essential as water, food, clothing, shelter and an education. It is a great privilege to allow our minds to wander off to places, to create beautiful things and let colors dance in our heads, but this is only possible because we are not faced with those, what might be considered 'primitive' problems of our own immediate survival.

Percent Living on Less Than $1 a day
800px-percentage_population_living_on_less_than_1_dollar_day_2007-2008.png

"The World Bank defines extreme poverty as living on less than US$ (PPP) 1 per day, and moderate poverty as less than $2 a day, estimating that "in 2001, 1.1 billion people had consumption levels below $1 a day and 2.7 billion lived on less than $2 a day."

Are things getting better? Life expectancy has greatly increased. Child mortality has decreased in every developing region of the world. The proportion of the world's population living in countries where per-capita food supplies are less than 2,200 calories (9,200 kilojoules) per day decreased from 56% in the mid-1960s to below 10% by the 1990s, and so on... Yet "More than 80 percent of the world’s population lives in countries where income differentials are widening." "The poorest 40 percent of the world’s population accounts for 5 percent of global income. The richest 20 percent accounts for three-quarters of world income." "Nearly a billion people entered the 21st century unable to read a book or sign their names."

Percent Population Undernourished
800px-percentage_population_undernourished_world_map.PNG

Approximately 790 million people in the developing world are still chronically undernourished, almost two-thirds of whom reside in Asia and the Pacific.

Read the full post
Color In Marketing: Yahoo Goes All Purple

Color In Marketing: Yahoo Goes All Purple


No, it's not some sort of uber green that Yahoo has achieved, it's just another marketing campaign.

We all have our favorite new marketing campaigns: the ones where companies do seemingly unrelated things to boost their street cred and show everyone they care about things other than money and you buying their products...

I will be quite the branded color palette if I add purple to my yellow live strong bracelet, my white ONE campaign bracelet... I think the orange campaign is done now that the Olympics are over, so that should free up another article of clothing. I could put my pink back on for breast cancer awareness... I certainly can't use magenta anymore, thanks to t-mobile... Man, I better start grabbing up some colors of my own before people start to think I'm a billboard for an NGO or tech company even though I won't actually have any visible company names on my clothing, just colors. I might not be wearing the names of designers but with they way things are going fashion labels are sure to buy up black any day now and then where will we be.

In such a campaign, Yahoo has launched a new web portal as a base of their new “Start Wearing Purple” campaign about being purple. Purple, as yahoo says, is the color of "creativity and innovation" and has been a part of their corporate identity since it's beginnings, even though I thought they were red, but who goes by logos these days when companies are filling the streets with purple bikes that record a photo every 60 seconds to capture the bikes journeys on a flickr account, or get funny people to do funny things with the color purple, both of which are a part of yahoo's purple campaign. Other highlights of the campaign include: daily purple links, a store of purple wears, purple pranks, and so on.

yahoobike.png

Read the full post
Communicating Through Color: Infographics

Communicating Through Color: Infographics


As we've brought up before here, color is an innate visual language that can be an extremely useful tool in conveying information. The use of color in information graphics groups, highlights and sorts the necessary information, simplifying the meaning and making it easier to communicate to a larger number of people.

Two great places to come by colorful infographics are visualcomplexity.com and GOOD Magazine's Transparency section. Here are 12 infographics from those very places.

"Functional visualizations are more than innovative statistical analyses and computational algorithms. They must make sense to the user and require a visual language system that uses colour, shape, line, hierarchy and composition to communicate clearly and appropriately, much like the alphabetic and character-based languages used worldwide between humans."
- visualcomplexity.com/about

Obesity System Influence Diagram

obesity.png
Full Interactive Map

Developed for the Foresight Tackling Obesities project, this causal loop map was designed to provide systemic insight into the multiplicity of factors contributing to the obesity epidemic. Behind the simple result of people becoming heavier, lies a complex web of often reinforcing causal factors that range from individual psychology and physiology to the culture and economics of food production, food consumption, attitudes toward physical activity, and structure of the built environment.

The 108 variables shown on the map - the drivers of obesity - were compiled by shiftN, from the 38 science reviews produced for the project and then vetted by the project's science team. The drivers are woven into systemic picture by the positive and negative influence arrows that link the variables into a web of causal relationships.

Visualizing the Bible

biblevizarc7mediumorig.jpg

This set of visualizations started as a collaboration between Christoph Römhild and myself. Christoph, a Lutheran Pastor, first emailed me in October of 2007. He described a data set he was putting together that defined textual cross references found in the Bible. He had already done considerable work visualizing the data before contacting me. Together, we struggled to find an elegant solution to render the data, more than 63,000 cross references in total. As work progressed, it became clear that an interactive visualization would be needed to properly explore the data, where users could zoom in and prune down the information to manageable levels. However, this was less interesting to us, as several Bible-exploration programs existed that offered similar functionality (and much more). Instead we set our sights on the other end of the spectrum –- something more beautiful than functional. At the same time, we wanted something that honored and revealed the complexity of the data at every level –- as one leans in, smaller details should become visible. This ultimately led us to the multi-colored arc diagram you see below.

The bar graph that runs along the bottom represents all of the chapters in the Bible. Books alternate in color between white and light gray. The length of each bar denotes the number of verses in the chapter. Each of the 63,779 cross references found in the Bible is depicted by a single arc - the color corresponds to the distance between the two chapters, creating a rainbow-like effect.

Read the full post
Colorful Art Using ‘Processing’

Colorful Art Using ‘Processing’


Digital art is only in its infancy and already we have seen so many great examples of amazing work. It is hard to imagine what we will see as this medium continues to develope and the images and colors become even more unbelievable...

Here are some of the more colorful videos and images created using one of the programs making this art possible, processing.

Processing is an open source programming language and environment for people who want to program images, animation, and interactions. It is an open project initiated by Ben Fry and Casey Reas, and it can be freely downloaded from www.processing.org.

Videos


Read the full post
Color Inspiration From The Virtual Worlds Of Second Life

Color Inspiration From The Virtual Worlds Of Second Life


Wandering through Second Life is like a exploring the dreams of it’s of residents. If you can think it, it can be created. In fact, it probably already has. Millions of people inhabit this virtual world, where new colors and creations are around every corner. These images represent just the tip of the tip of the iceberg.

kimono_neko.jpg

Kimono Neko Harvest Festival

avilions_harvest_festival_opening.jpg

masquerade.jpg

Masquerade Volcanic Cave

Read the full post