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

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
Find Color Synonyms with the HP Color Thesaurus

Find Color Synonyms with the HP Color Thesaurus


HP has been doing some very cool things around color lately. One thing I recently stumbled onto is their Color Thesaurus. You enter in a color name and it gives you 4 similar named colors and 4 opposite colors. I used the tool to create the basic color wheel info below, but dive in and find out what colors are similar to Rose, Grass, Aqua, Ivory, etc.

Red

This is Red

Synonyms
Rouge
Ruby Red
Cherry
Crimson Red

Orange

This is Orange

Synonyms
Tangerine
Orange Juice
Pumpkin Pie
Burnt Orange

Yellow

This is Yellow

Synonyms
Dirty Yellow
Canary
Greenish Yellow
Mustard Yellow

Green

This is Green

Synonyms
Kelly
Grass
Emerald
Algae

Blue

This is Blue

Synonyms
Dutch Blue
Ocean
Sky Blue
Azure

Violet

This is Blue

Synonyms
Purple
Grape
Plum
Aubergine

The HP On-Line Color Thesaurus

The results that are returned are a large color square with a rendering of the color if it was found. If the name was not found, for example “greeb” was entered, then the next nearest color name in terms of edit distance, in this case “green”, will be returned. So no you won’t have to remember how to spell fuchsia. In addition to the colored square are the corresponding RGB and hexidecimal values. Finally there is a note about how common the color name is. Below this are the color synonyms and antonyms. Each column has smaller color squares rendering the color names and the names with links so that you can easily click-through to these names. The results are based on analysis of 20,000+ color name database in English collected from a 20+ language ongoing online color naming experiment.

Read the full post
Color Palettes in Adobe Swatch Exchange (.ase)

Color Palettes in Adobe Swatch Exchange (.ase)


Almost all of us use Adobe products in our professional and hobby design lives, but the new release of CS3 made it very hard for developers and websites like ours to allow users to get their palettes into the CS3 suite of products. CS3 uses a new format for storing color palettes aka schemes / swatches and Adobe kept their .ase file format a secret so that only Adobe Kuler could export to this format... Well, we're not very good about NOT sharing the color love... so Chris our skilled code engineer poured over all the specifications and documentation on the file format to figure out how to share that .ase love with everybody.

The Adobe Swatch Exchange (.ase) File Format - Source Code

For any other color lovers, developers or creative individuals who would like their applications and websites to be able to spit out .ase color palettes...

Here is the .ASE Source Code we are using.
 

Downloading .ase Color Palettes from COLOURlovers

COLOURlovers has over 200,000 user created palettes with more than 25,000 being added monthly. Not only is the community a creative and fun place to share color ideas... those ideas can be used in several professional design programs.
 

Read the full post
For the Record: Adobe Kuler vs COLOURlovers

For the Record: Adobe Kuler vs COLOURlovers


I get emails, instant messages and love notes pretty often asking if I've seen Adobe Kuler and if I'm upset about it... So here is my opinion on the matter.

Back in Nov. of last year Adobe Labs launched Kuler: A 5 color palette creation tool, built around rating, tagging, commenting and sharing the palettes. Craftzine gushed, "Not only can you create your own palettes, you can get inspired by the popular color combinations already uploaded by other users. Genius!"

I take the last word in that sentence with pride. The idea is genius... I should know, I created it 2 years earlier when I built COLOURlovers.

Read the full post
Ultimate HTML Color HEX Code List

Ultimate HTML Color HEX Code List


HTML 3.2 specifications identified sixteen colors that can be used by name to define color in HTML and CSS. But don't worry you can use more than sixteen colors in HTML... you'll just need to know the six character HEX values and we've listed pretty much all of the ones you'll need on one page.

 

Standard 16 Named Color Codes

 Black or 000000 Gray or 808080 Silver or C0C0C0 White or FFFFFF
 Navy or 000080 Blue or 0000FF Teal or 008080 Aqua or 00FFFF
 Purple or 800080 Maroon or 800000 Red or FF0000 Fuschia or FF00FF
 Green or 008000 Lime or 00FF00 Olive or 808000 Yellow or FFFF00
Read the full post

Search The Blog

Subscribe & Share

Our Latest Tweets

RT @ryan_schuijer: Dang, check these waterdroplets on @codepen, made by @stefanweck! So well made, it's like a window in your device https:…
about 4 days ago
Tweet this ArticleFollow @COLOURlovers

Latest Articles

//View More ›

Latest Web Colors

//View More ›

Latest Web Palettes

//View More ›

Latest Web Patterns

//View More ›