Adobe’s Kuler color app is a great tool for designers but is your display accurate enough for it?

Screenshot of Adobe's Kuler app showing color extraction from a photo

Screenshot of Adobe’s Kuler app showing color extraction from a photo

Adobe recently released a new iPhone app called Kuler that let’s you extract colors from your surroundings using the phone’s camera. It’s a useful tool that allows designers to capture color inspiration wherever they find it and easily incorporate it into their work via color palettes.

The app also highlights a weakness in current display technology: no display on the market today can actually reproduce all the colors we see in the environment around us. So, even if the camera sensor can capture that color you love, you may not be seeing an accurate representation of it on your device.

The iPhone 5′s LCD display is designed to cover the sRGB/rec.709 color gamut standard used for HDTV broadcasts. And, it looks great but compared to the world we see around us, it’s just not quite as rich. If we plot the iPhone 5′s color gamut against the gamut of colors found in nature, the phone comes up short in important reds, greens and cyans:

Color gamut of the iPhone 5's display compared to the gamut of colors found in nature. The iPhone 5 comes up short in red, green and cyan.

Color gamut of the iPhone 5′s display compared to the gamut of colors found in nature. The iPhone 5 comes up short in red, green and cyan.

If DisplayWeek 2013 was any indication, color has once again become a hot topic in the display industry. Color gamuts are getting larger and it may not be long before we see a display that can match what our eye sees in nature. Over the course of the next year, we will start to see more wide color gamut-capable devices as OLED continues to expand marketshare and new technologies like quantum dot LCD begin to enter the market in volume.

Color and Visceral App Design

Visceral refers to the gut, rather than the mind. Our brain may try to talk us out of jumping off a cliff, but as soon as we take that first step into the void, our guts take over. We respond with a rush of emotion and we can’t help but scream from terror or euphoria. It’s a purely visceral reaction. [...]

So here’s my theory: I believe that introducing visceral elements into an app will take it past the point of just being awesome. It will make your app speak to the subconscious, built-in affinity that humans have for the physical properties I mentioned before.

That’s Rob Foster, co-founder of Mysterious Trousers, defining his theory about the importance of visceral elements in application design. The whole piece is well worth reading, especially if you are interested in design or have ever wondered just why Angry Birds is so unbelievably addictive.

In the quote above Rob is talking about the power of little kinetic events in applications like the bounce you get when scrolling to the bottom of a page on the iPhone or the satisfying little “pop” noise you hear when creating a new task in Clear. His point is well made, getting the details of these visceral elements right can clearly take an app from just useful to a truly engaging and even addictive experience for users.

While Rob’s piece focused on the impact of animation and sound, I wondered how color might factor into visceral application design.

Color choice is not just about beautiful graphics- it can also have a powerful physiological effect on us. We have a measurable response to aggressive colors like red, which may even cause a spike in testosterone levels. In fact, recent studies suggest that that the color of a uniform can affect the outcome of an Olympic wrestling match and onscreen colors can even influence how much you pay for something on eBay.

As mobile display technology improves, with more lifelike color and wider dynamic range, application designers may find that color becomes an even more powerful tool to elicit visceral responses from users.

Seeing red: can color change your spending habits?

Color can have a powerful physiological effect on us. This should come as no surprise to anyone who’s ever been wowed by a Monet or a Rothko. But color can affect us in ways you never imagined. Recent studies suggest that that the color of a uniform can affect the outcome of an Olympic wrestling match and onscreen colors can influence how much you pay for something on eBay.

In one study, researchers found that Olympic wrestlers wearing red won as much as 60% of the time, even against evenly matched opponents (who wore a different color).

US Wrestler Jake Varner (red) on his way to defeating Valerie Andriisteve of Ukraine in the 96-kg freestyle wrestling gold match in London. Credit: The ASSOCIATED PRESS

Similarly, in a Journal of Consumer Research study on the impact of color on consumers who buy items on auction sites like eBay, authors Rajesh Bagchi and Amar Cheema found that “red background color induces aggression through a feeling of arousal and it increases aggression relative to blue or gray backgrounds. This causes individuals to make higher bids in auctions but lower offers in negotiations.”

Why? The exact mechanism remains a mystery but researchers see some evidence that aggressive colors like red may actually cause a spike in testosterone levels.

I find it particularly fascinating that color choice did not specifically correlate to the price someone paid for an item. Instead, the colors drove more or less aggressive behavior, which lead participants to either seek the best deal possible against a salesperson or to beat out competing bids in an auction.

It got me wondering how retailers might be using color to influence purchasing. A quick survey of some popular online shopping destinations yielded potentially interesting results. Since product background is not always in the control of the retailer, I looked at the “add to cart” areas of three popular online retailers: Apple, Amazon and eBay.

All three employ a lot of blue, a calming color, in their ‘add to cart’ areas. Apple uses a shade of green, another calming color, for the “add to cart” button. Amazon lists the price in a dark red, while Apple uses a lighter shade to accentuate free shipping.

Next time you find yourself shopping either online or brick and mortar, take note of the colors around you – you may be surprised by how far your environment is being manipulated to get you to pay more.

Even on Mars, color matters

One of the most important pieces of equipment on the Curiosity rover is not a spectrometer or a laser but a color calibration chart. Nothing is simple when you’re sending a robot on a 354 million mile journey into space, but NASA and Bill Nye (yes, the “science guy”) came up with an ingenious solution to calibrate the colors of the onboard cameras.

In order for NASA scientists to be sure that we are seeing “The Red Planet“ in the correct shade of red, they attached red, green and blue color chips to a sundial on the surface of the rover. These reference colors will guarantee the amazing photos we are seeing of the Martian landscape are accurate.

Here is an animated gif of the sundial on the surface of Mars and a close-up shot of it before it left Earth:

Can your TV accurately display your favorite NFL team’s colors?

Over the weekend I saw this interesting tweet about color gamut and the NFL and I had to find out if it was true:

Could it be that something as simple as an NFL jersey is not within the color gamut of modern HDTVs? I mapped the Broncos team colors onto the CIE 1976 color space along with the HDTV color gamut standard, called rec.709. As you can see, the orange is right on the edge and the blue is indeed outside the gamut.

When we think of high color content, we think of action movies and video games, but this exemplifies how color performance affects everything we see on our TVs, even down to the jersey being worn by our favorite sports team. Luckily high color displays are on their way to fix this problem.  As you can see, the Bronco’s colors fall nicely within the much wider DCI-P3 color gamut.

Is creativity the next killer mobile app?

Since the debut of the iPad in 2010, tablets have become the ultimate content consumption device, but many still to wonder if they’ll ever be capable of replacing notebooks for portable content creation.

While tablets may never truly replace notebooks for all of our content creation needs, especially typing intensive ones, a new crop of apps for iOS and Android are certainly making a case for it.

A little doodle made with the glorious new #Paper app for the iPad from @FiftyThree

(via Brian Taylor from CandyKiller: A little doodle made with the glorious new #Paper app)

Recent creative apps like Paper by fiftythree, Adobe’s Photoshop Touch and Apple’s iPhoto for iOS have just started to scratch the surface of the creative capabilities of powerful mobile devices. These apps show us that mobile creativity, when done right, can harness the unique properties of a touchscreen handheld device to offer new capabilities that a laptop cannot duplicate. Drawing with a stylus in Paper, for example, feels remarkably precise and expressive because of a neat gesture trick- the speed of your pen controls the thickness of the line. Similarly, in Photoshop Touch and iPhoto, editing your photos by actually putting your hands on them, while less precise than a keyboard and mouse, can be a revelation for broad stroke tasks like blending two images.

Tablets clearly have the processing power, the battery life and display resolution necessary to become serious creative tools, but there’s one thing missing: color. Creative professionals normally work on displays capable of showing a range of colors that is as much as 60% wider than even the latest “high color saturation” iPad. Artists need to see the content they are creating in the same vibrant colors they see in the real world.  Improving the color performance on mobile devices will make tablets truly worthy of a place in any creative professional’s regular workflow.