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,279 articles, you're sure to find something you love. Or if you have a great idea, let us know!

Hexadecimal Color: Grey 88

Hexadecimal Color: Grey 88


This is a Guest post by illustrator and web designer Gerren Rabideau. You can see the original post here, or check out the rest of his work over at Gerren Design.

Once upon a time I was building a website and one of the colors I had picked out just wasn't quite right. I kept having to pop in and out of photoshop in order to tweak the color I was using. I didn't understand the Hex code enough to adjust it on the fly. After about an hour of tediously going back and forth with photoshop I gave up and started scouring the internet for a method of using hex code without another visual tools.

Like most people I discovered multiple sites that explain how HTML uses hexadecimal notation (xxxxxx) to define color. Hex code uses base-16 math to write a shorthand version of the binary code that is used to represent each of the different colors in the RGB color set. For instance, #f9f9f9 would be translated into RGB as 249,249,249 and then into binary as 111110011111100111111001. If that was too confusing, just think of #f9f9f9 as "off-white".

This article isn't really about explaining how the hexadecimal color system works. You can find plenty of websites out there that can explain that far better than I can. This article is about developing a method of thinking about hex code that will allow you to read and manipulate it without having to pop into photoshop in order to see the color itself. I've been calling this method "grey 88".

Before I get into that though, lets talk about color sets for a minute...

I come from a fine artist's background and learned about color by applying it to paint. I had my crayon set and yellow plus blue made green. This is because painting is a subtractive color set based on pigments. The chemicals used in creating the paint would react with each other when mixed and create green. You start with a white canvas and add colors until you get black. CMYK works in the same way. Cyan, Magenta, and Yellow are pigments that are mixed to create darker colors (black is also used, but only to reduce the need of having to mix CMY all of the time).

CMYK (subtractive color) pigment based

cyan (00ffff)magenta (ff00ff)yellow (ffff00)black (000000)

By default, photoshop, your computer monitor, and HTML files use RGB. RGB is an additive color set that is based on mixing light instead of pigments. Your monitor starts with black and adds different spectrums of light until you get white. In RGB the three primary colors are Red, Green, and Blue.

RGB (additive color) light based

red (ff0000)green (00ff00)blue (0000ff)white (ffffff)

Because RGB is based on light it has a much wider gamut of colors than pigment based color sets. In fact, all of the colors in CMYK are also in RGB (the reverse is not true). This means that Hex is unique in the sense that it is really has both RGB and CMYK.

Read the full post
The Colorful Art Of Rotoscoping

The Colorful Art Of Rotoscoping


Rotoscoping is an animation technique in which animators trace over live-action film movement, frame by frame, for use in animated films. Originally, pre-recorded live-action film images were projected onto a frosted glass panel and re-drawn by an animator. This projection equipment is called a rotoscope, although this device has been replaced by computers and software like Adobe After Effects.

History

The technique was invented by Max Fleischer, who used it in his series Out of the Inkwell starting around 1915, with his brother Dave Fleischer dressed in a clown outfit as the live-film reference for the character Koko the Clown. Max patented the method in 1917.

Fleischer used rotoscope in a number of his later cartoons as well, most notably the Cab Calloway dance routines in three Betty Boop cartoons from the early 1930s, and the animation of Gulliver in Gulliver's Travels (1939). The Fleischer studio's most effective use of rotoscoping was in their series of action-oriented Superman cartoons, in which Superman and the other animated figures displayed very realistic movement.


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.

Web

Google Color Image Search

Unofficial Google blog

A helpful little tip from the Unofficial Google blog.

Google Image Search has a new option that lets you restrict the results based on their color. For now, the option is not available in the user interface, but you can tweak the search results URL to try it: http://images.google.com/images?q=bird&imgcolor=red

Textiles

Karim Rashid

Karim RashidC & C milano

Karim rashid has designed the design art collection of fabrics for italian company C & C milano. The company is known for producing innovative textiles and hand made items. - designboom

Read the full post
Photo Freak: Photos Inspired By Color

Photo Freak: Photos Inspired By Color


"People make palettes, I find photos." That's the simple idea CL member Aaris had that started the wonderful Photo Freak Series. The series is just that, she takes the palettes she likes or that are submitted to her and fits them to photos on flickr. Here are some of the great matchups she's made so far. Make sure to check up on the site to see the frequent updates to the series.

photoentropy

lang. mod_activity

macskapocs
Read the full post
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