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

As Seen By The Color Blind

As Seen By The Color Blind


In the U.S. 7% of the male population – or about 10.5 million men – and 0.4% of the female population either cannot distinguish red from green, or see red and green differently. Color blindness affects a significant amount of the population, and it is even more prevalent in more isolated populations with a smaller gene pools. It is mostly a genetic condition, though it can be caused by eye, nerve, or brain damage, or due to exposure to certain chemicals.

For those of us who see colors just fine, it is hard to imagine what those with color blindness are seeing. Luckily humans are smart and have created technology like the Color Blind Web Page Filter.

Popular Websites: As Seen by the Color Blind

The Color Blind Web Page Filter, which was used in this post to demonstrate the different types of colorblindness, allows you to view what a site looks like to people with each type of color blindness. Here are a few examples from some popular websites.

Google Logo / Color Blind

TechCrunch Logo / Color Blind

etsy Logo / Color Blind

Digg Logo / Color Blind

Read Write Web Logo / Color Blind

Twitter Logo / Color Blind

color-blind-myspace.jpg

Iconic Art: As Seen by the Color Blind

Some would say we all see art in our own unique way... that would be especially true for the color blind. Here are a couple examples of some of the most iconic paintings as seen by the color blind.

Three Musicians by Pablo Picasso / Color Blind
Marilyn Monroe by Andy Warhol / Color Blind
The Scream by Edvard Munch / Color Blind
Armand Guillaumin: Sunset at Ivry / Color Blind

Color Blindness Background

Using the filter we'll take a look at the current most popular palette, July, and how it is seen by those with different types of color blindness.

600px-ishihara_9.png

 

The normal human retina contains two kinds of light cells: the rod cells (active in low light) and the cone cells (active in normal daylight). Normally, there are three kinds of cones, each containing a different pigment. The cones are activated when the pigments absorb light. The absorption spectra of the cones differ; one is maximally sensitive to short wavelengths, one to medium wavelengths, and the third to long wavelengths (their peak sensitivities are in the blue, yellowish-green, and yellow regions of the spectrum, respectively). The absorption spectra of all three systems cover much of the visible spectrum, so it is not entirely accurate to refer to them as "blue", "green" and "red" receptors, especially because the "red" receptor actually has its peak sensitivity in the yellow. The sensitivity of normal color vision actually depends on the overlap between the absorption spectra of the three systems: different colors are recognized when the different types of cone are stimulated to different extents. Red light, for example, stimulates the long wavelength cones much more than either of the others, and reducing wavelength causes the other two cone systems to be increasingly stimulated, causing a gradual change in hue. Many of the genes involved in color vision are on the X chromosome, making color blindness more common in males than in females.

Read the full post
Idée Labs: Multicolor Image Search

Idée Labs: Multicolor Image Search


Idée Labs has created a useful set of online image search tools, including a multicolor search that allows you to filter images using a palette of up to ten colors. Using a spectrum color selector, you can pick the colors you are looking for and it will return only photos that contain those colors.

Multicolr Search Lab

img

With the Multicolr Search Lab you are able to search up to ten different colors from a palette of 120 different shades. The search will filter through three million 'interesting' flickr photos or three million Alamy stock photos.

Read the full post
Color Tools (Other Than COLOURlovers’)

Color Tools (Other Than COLOURlovers’)


Many of you here in the community are quite familiar with the color tools available on COLOURlovers (if you're new to the site a good place to start is the FAQ), but what about other helpful color tools that might exist somewhere on the internet. Well, here are two such tools: 'Name That Color' and 'Color Name & Hue', that I came across recently; one for color vocabulary and identification, the other, a helpful tool for those who are colorblind.

'Name That Color'

'Name That Color' is a helpful little site created by a dude with other dudes in mind, but it most certainly will also help those of the female variety.

For those of us who can't exactly remember, or who never knew, what color Danube is, and others who just want to expand their color vocabulary, so instead of red you can use Monza, even though it is totally just Red, might want to check it out.

Simply create a color manually or enter the Hex code to reveal what you mistakenly took for Mojo, when it was, in fact, Mule Fawn.

name-that-color-3.jpg

The database was created from names found on Wikipedia, Crayola, and the Resene Color-Name Dictionary. It's probably good that he didn't try to use the COLOURlovers library of color names. Besides what an interminable task it would be, he would probably have more than a few colors with the same name, but that are on complete opposite ends of the spectrum, or, all the colors would be named 'love.' And while I personally prefer to make up color names on-the-fly, like the Suddlepup shirt I'm currently wearing, it might be nice to be able to narrow it down to around Burnt Sienna if, god forbid, you had to discus color with your designer or decorator over the phone.

Read the full post
Shopping By Color: Etsy’s Color Sorter

Shopping By Color: Etsy’s Color Sorter


Etsy is a crafter's dream -- basically a storefront for anyone who creates handmade items. You can find everything from great jewelry to one of a kind gifts. Navigating a site like Etsy doesn't work quite the same way as an auction site like Ebay does. It tends to be the type of site that one enjoys browsing to see all the varied creations people have brought to life, yet you still need some sort of efficiency behind the scenes in order to keep it from becoming tedious. Thanks to Etsy's color sorting search feature, visitors have a unique and aesthetically pleasing way to browse their site.

il_fullxfull14980545-copy.jpg
Fleur De Lis soap, sold by Lissakp

While traditional site searching methods are available, you can tell Etsy has a thing for color the moment you see the homepage of their site. The "hand-picked" items feature has often caught my eye with a vivid color story, and I find myself clicking beautiful baubles and creatively made toys I certainly don't need (but thanks to the way they are presented, I sure do want to buy).

il_430xn20602287.jpg
Green Strawberry OogaBooga plush toy, sold by MyLittleOogaBooga

Searching by color is simple and well-presented on Etsy. You simply click "Colors" under 'Ways to Shop" on the front page, and you are presented with a color bar that you can click anywhere. Once you do, the site will produce thumbnails of ten items in the color that you chose. If you want to see more, you simply click a button and more appear. If you want to see a different color (or a slight variation of the color you chose), all it requires is another click on the color bar and a host of new items appear. It's easy as can be to waste a ton of time browsing the site in this way, not to mention you can find countless treasures.

Read the full post
Best Color Compositions From Across The Web

Best Color Compositions From Across The Web


We thought we would take a look at some of the best designed color compositions from across the web. Organized by base color, we searched through the CSS galleries over at Design Meltdown and CSS drive to find some websites whose color palettes we think are great.

BLACK + WHITE

bwsite-2.jpg
rafaelzundt.com

bwsite-3.jpg
gleamix.jp

bwsite-4.jpg
imagineboris.com

bwsite.jpg
canvasmagazine.ne

Read the full post
The Colors Of Meomi: Vector Wallpapers

The Colors Of Meomi: Vector Wallpapers


What do adorable animals, whimsical art and colorful design have in common? Design studio Meomi can tell you -- If you love all of the aforementioned things, Meomi may be heaven for you when it comes to art and wallpapers.

Meomi is comprised of two artists, Vicki Wong and Michael Murphy. Together they have created art for an illustrious list of clientele, including Google, Electronic Arts and Nick Jr. Vicki and Michael also act as authors and artists behind the Octonauts series of children's books. Meomi's 2008 wallpaper story takes place in Kachi Kingdom, where you follow the adventures of Johnny Cloudseed, following in his grandfather's footsteps as a seeder and planting seeds that assist the Kachi spirits to grow their "Magical Moments" plants.

Meomi Universe May Wallpaper

Meomi reveal more about Johnny's story month by month as new wallpapers come out (each month's has a calendar on it so you can track the days along with the story.) Their most recent print project is Color Cloud Seeding, in which Meomi explore the lost art of "cloud gardening" in drawings, sketches and photos, creating a crisp wonderland of hues.

Meomi Universe March Wallpaper

About those wallpapers -- Meomi have a whole page of their website dedicated to them that date all the way back to 2002 (when the year ends, they provide the wallpapers with the calendars removed so you can enjoy the art on its own.) I've provided some of them here for you to see, but if you want the full sized versions check out the Meomi website to grab them and make your desktop worth smiling at when you come in on Monday morning.

Read the full post
All 120 Crayon Names, Color Codes and Fun Facts

All 120 Crayon Names, Color Codes and Fun Facts


For the last 100 years or so kids have been exploring and creating worlds of color with Crayons. For a lot of us, our life long love affairs with color began with these wax sticks and a blank sheet of paper. According to a Yale University study, the scent of Crayola crayons is among the 20 most recognizable to American adults. Coffee and peanut butter are 1 and 2. Here we go down crayon color memory lane with all 120 color names and hex codes, fun facts and photos.

Share this Post Pin It

Crowded Crayon Colors
Photo by Sir Fish

Crayola crayons currently come in 120 colors including 23 reds, 20 greens, 19 blues, 16 purples, 14 oranges, 11 browns, 8 yellows, 2 grays, 2 coppers, 2 blacks, 1 white, 1 gold and 1 silver. Although Crayola crayons come in 120 different colors, the labels are only made in 18, which cover the full color spectrum. Nearly 3 billion crayons are made each year, an average of 12 million daily. That's enough to circle the globe 6 times with color!

120 Crayon Names and Color Codes

Aaron at ColorSchemer.com created a fun list of all 120 Crayon Colors with their hex codes and RGB values. "All of these colors are rough approximations from Crayola’s current list of 120 Crayon Colors. -CS"

Read the full post
COLOURlovers API Documentation and Showcase

COLOURlovers API Documentation and Showcase


With the release of the COLOURlovers API, you can now access 1.4 million named colors and more than 500,000 color palettes for your creative projects and applications. Creating a theme editor and want to give your users some color theme options? Creating a visual project that ties keywords to colors? Who knows what amazingly creative stuff people will come up with.

Below are two showcase examples of the COLOURlovers API in action as well as the full API documentation. Happy API COLOURloving!

COLOURlovers API Usage Showcase

 

Desktop Color Search - AIR App

Desktop Color Search is an Adobe AIR app that runs on your desktop and allows you to search the entire COLOURlovers database for colors, palettes and patterns. You'll need to download the Adobe AIR runtime in order to run Desktop Color Search, you can use the link below to install AIR. (It works in both Windows and on Mac OS X)
Special thanks to Levi McCallum at FutonMedia for coding the AIR app.

Download Desktop Color Finder  |  Download Adobe AIR

 
desktopcolorfinder.jpg
 
 

DEKAF LOVERS

A simple interface to COLOURlover's deep, deep palette library, it creates randomized compositions using rectangular geometry drawn by the Degrafa drawing library.
Have some fun of your own color fun with Dekaf Lovers.
 
dekaflovers_api.jpg
dekaflovers_api_2.jpg
dekaflovers_api_3.jpg
 

Read the full post
COPASO : Color Palette Software

COPASO : Color Palette Software


We've been working on an advanced / pro color palette tool for quite some time and finally have it ready enough to share with you. We're still fine tuning and adding more updates... but we feel like this is the best color palette tool you'll find... if you don't think so, let us know what you'd like us to add or improve and we'll keep striving to give you the best experience anywhere.

Try COPASO : Color Palette Software Now

Click Here for a Larger Video Demo (Narrated and presented by Andrew Sorcini)

COPASO is an advanced color palette tool that helps you create the perfect color schemes and themes. With a scratch pad to save colors you're working with, a photo tool to extract colors and an advanced color picker and color theory wheel to give you tons of color inspiration. Using COPASO you can save your palettes to a private folder or download them to keep on your local computer. When you're ready, click publish and share your color palette with thousands of other color enthusiasts. If you're finding COPASO a bit too rich you're your color creating tastes, you can always use our basic color palette tool.
 
 

Custom Color Widths... Base, Secondary and Accent

 

With COPASO you can give each color a specific amount of space in your color palettes. This will help you show what colors you intend to be the base colors, secondary and accent colors. Click and drag the <|> icons above the color squares to change their widths.

 

 

Save Colors to Your Scratch Pad

 

You can save a color you're working with by clicking and dragging it down to the scratch area. To set a main color above with one of the colors in your scratch, simply double-click the color in your scratch.

 

 

Get Color Inspiration from Pictures

 

Advanced Color Picker and Color Wheel

The new advanced color picker in COPASO allows for even more precise color selection. You have hue, saturation and brightness sliders as well as input areas for Hex, RGB, HSV and CMYK color values.

Also built into the advanced color picker are gradient step filters that will allow you to see any color with steps towards white or with steps towards black. To work with any of the colors in this filter, simply click and drag the filter color strip to the right of the color wheel onto your scratch area.

Below the picker is our color wheel and color formula filters. By selecting one of the formula filters (Blend, Complementary, Triadic Tetradic or Split Complementary) the color wheel will allow you to spin the selected color around by clicking anywhere on the wheel. Once you've found some great colors in the preview bar on the right, all you need to do is drag the bar to your scratch area to begin using those colors.

Double-clicking any of the color squares in the preview bar will update the main color picker to that color and give you a new perspective on your selected color filters.

 

As mentioned above, we're very proud of COPASO and hope you'll find it very useful for all your professional and hobby color projects. COPASO couldn't have been built without the expert programming of Chris Williams and the design work of Stephen Hallgren. Last but not least the hundreds of thousands of COLOURlovers who have helped us build and grow our color community and who've provided us with great advice, suggestions and inspiration over the years.

Happy COLOURloving!

Read the full post
Color and Typography in Good Design

Color and Typography in Good Design


Typography is a significant issue for designers. On many projects, finding just the right font, size, spacing, etc. can require considerable time and attention. In addition to typography, color is also a major factor in the success of the design. What is sometimes overlooked is the combination of color and typography and the effect that it has on the overall project.

Font Size, Line Height & Contrast

Before we even get to the color and contrast elements of typography, we first should look at how dramatic a small font increase and line height increase can improve readability and reduce eye fatigue. The first example below uses 11pt font with matching 11pt line height. The second example uses 12pt font with 13pt line height. Example two is significantly easier to read.

Example 1: (11pt Font, 11pt Line Height)
The next moment a hideous, grinding speech, as of some monstrous machine running without oil, burst from the big telescreen at the end of the room. It was a noise that set one's teeth on edge and bristled the hair at the back of one's neck. The Hate had started.

(12pt Font, 13pt Line Height)
The next moment a hideous, grinding speech, as of some monstrous machine running without oil, burst from the big telescreen at the end of the room. It was a noise that set one's teeth on edge and bristled the hair at the back of one's neck. The Hate had started.

Even with well sized type and line heights, choosing a font color and background color with low contrast can make reading difficult and stresses the eyes of the reader.

(12pt Font, 13pt Line Height - Low Contrast)
The hallway smelt of boiled cabbage and old rag mats. At one end of it a coloured poster, too large for indoor display, had been tacked to the wall. It depicted simply an enormous face, more than a metre wide: the face of a man of about forty-five, with a heavy black moustache and ruggedly handsome features. Winston made for the stairs. It was no use trying the lift. Even at the best of times it was seldom working, and at present the electric current was cut off during daylight hours.

More Bad Contrast Examples:

Example 2: (12pt Font, 13pt Line Height - Low Contrast)
The hallway smelt of boiled cabbage and old rag mats. At one end of it a coloured poster, too large for indoor display, had been tacked to the wall. It depicted simply an enormous face, more than a metre wide: the face of a man of about forty-five, with a heavy black moustache and ruggedly handsome features. Winston made for the stairs. It was no use trying the lift. Even at the best of times it was seldom working, and at present the electric current was cut off during daylight hours.

Read the full post