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!

Calculating Color Contrast for Legible Text

Calculating Color Contrast for Legible Text


This guest post is written by Kevin Hale from WuFoo. It was originally posted on the Particletree blog in Sept. 2008. Kevin is a champion of good user experience and brilliant interface design. As much as Kevin likes keeping things clean and reliable, he loves innovation. Kevin was also the kid in elementary school who ate a box of crayons for a dollar.

In the past on Particletree, we’ve shared some of our favorite resources and guides for helping the color challenged and uninspired get their chromatic deliciousness on. As a designer, getting to choose the colors is often the part of the job I like the best. However, there are times when it’s nice to be able to write some code to help make some of the decisions for you.

One of my favorite implementations of using programming to supplement the color picking process was done by the clever Canadians over at Dabble DB. All you have to do is upload your logo and their application will automatically pick the colors based on the information contained in the image and create a theme for their web app that will match the logo.

Dabble-DB-logo

It’s an impressive feature that helps the user focus on getting things done rather than worry over the details. While I won’t be going into all of the ideas they used to implement their feature in this article, I do want to take some time to talk about how you can get a legible contrasting foreground color for a piece of text when given a specific background color.

Read the full post
The Great Sex Divide of the Web

The Great Sex Divide of the Web


There have been multiple studies done regarding women and men involved in web design (and their preferences when it comes to "good" design), and they all sum up to one fact that begs the question: where all the women at?

In A List Apart's 2008 web design survey (released at the end of each year) out of the 29,940 designer respondents only 16.2% were women, which is really no change from the 16.1% (32,831 respondents) in 2007.

A study in 2005 found that 74% of websites were produced by a man or a predominantly male team while just 7% were designed by a female or female team.

Historically, industries like architecture and design have been "men's club," and some have even asked if women are deterred from the web because it is seen as being as "masculine" as the construction or auto mechanic industry. In my mind, the web is the most accessible platform for human knowledge, and as such, it is, or should be, just as open in the creation of its infrastructure and design as in its core ideals.

What Sex is Your Design?

2005 student study conducted by the University of Glamorgan in the UK into what aesthetically appeals to males and females when surfing the web, found that there were differences in language, visuals and navigation preference between women and men. Women prefer more color in the background and typeface, rounded forms and informal language, where the opposite was true for men: straight lines, fewer colors and formal or expert language.

Another part of the study found an overwhelming preference for sites designed by the same sex as the respondent.

Read the full post
A Spectrum Of Website Colors

A Spectrum Of Website Colors


We're starting out our dedicated web channel covering the latest in color and design trends from around the web, along with the general "colorfulness" of the ever-evolving internet culture, with a little color love across the entire spectrum. Here is a roundup of great examples of website color compositions in pink, red, orange, yellow, green, blue, purple, colorful, brown & grey.

To create an inspired palette from any of these images, or any image on the web, simply copy the image's URL (right click) and paste it under the "Photo" tab in PHOTOCOPA.

Click on the image for the link.

Pink

pinkweb1

snugglefux.com cssprincess.com

Read the full post
Web Trends: Blue & Green Palettes

Web Trends: Blue & Green Palettes


Blue & Green color palettes from across the web.

To create an inspired palette from any of these images, or any image on the web, simply copy the image's URL (right click) and paste it under the "Photo" tab in PHOTOCOPA.

dynamo

bgweb17
link

bgweb18
link

Read the full post
Eclectic Color Roundup

Eclectic Color Roundup


Art

Anders Oinonen

Portfolio

anders1

anders2

Read the full post
The Colors Of 'We Have Lasers!'

The Colors Of 'We Have Lasers!'


We Have Lasers! : "You begged your mom to pay the extra $4. A tribute to the greatest school photo backdrop there ever was."


we_have_lasers_1 we_have_lasers_2


we_have_lasers_3we_have_lasers_4

Read the full post
Eclectic Color Roundup

Eclectic Color Roundup


Art

The Photos of Greg Girard

Portfolio

Read the full post
Color From Awkward Family Photos

Color From Awkward Family Photos


With Awkward Family Photos being covered by the likes of Time, Esquire, O Magazine's twitter, Time Out and The Telegraph, it's safe to say that this hilarious blog which allows you to browse and submit photos of your more awkward family moments, is indeed reaching their goal of "spreading the awkwardness."

I find the photos with coordinated outfits to be especially hilarious and uncomfortable, and they make for some awkward color palettes as well.

a_family_of_starsshave_ice_family

double_the_awkwardfamily_tree

Read the full post
Eclectic Color Roundup

Eclectic Color Roundup


Social Media

Social Media Venn Diagram Tee

Despair Inc.

"Unlocking the Awesome Potential of Behavioral Disorders."


via NotCot

Read the full post
Colorful Wallpaper Roundup

Colorful Wallpaper Roundup


If you're looking to change up your computer's wallpaper it might be worth your time to take a gander below at 36 selected from deviantART, Desktopography, VLADSTUDIO and Art Wallpapers, or check out our previous wallpaper extravaganza here.

Click on the image for the link.

Read the full post