Hued is an app that recommends stylish color schemes based on images. Whether you’re looking for design inspiration or what the exact shade of beige is in your selfie (bisque, we're told), you’ll love seeing what this image-to-color palette generator comes up with!

Color is a big part of how we silly humans perceive the world, so it’s only natural that we gravitate toward perfect combinations of color in neatly packaged palettes. Enter Hued, an app that takes any image and returns a color palette (using the Color Model from the Clarifai API) that developers can copy or download to use in their design projects.

hued2

You can try the live Hued app yourself - just make sure you have your Clarifai API credentials handy (sign up for free if you haven’t already) and some images you want to upload. The app is super fast, so get ready to be amazed by more than just all the pretty colors!

WHY WE ❤ IT

Hued helps developers take the inspiration from their favorite images and apply it to their projects in a fun and colorful way. In the wise words of Disney’s Pocahontas, the app basically lets you “paint with all the colors of the wind” - literally. Like, look at this photo of wind:

hued2

HOW YOU DO IT

We asked Cassidy Williams, creator of Hued and resident #Clarifool, to talk about her inspiration for the Hued app.

Clarifai: How did you come up with the idea for Hued?

Cassidy: At hack day at Clarifai, I really wanted to make something that would help developers. I thought it'd be cool to make something where a photo could "inspire" your own projects. So, initially, this is just a theme/color palette generator.  What I'm hoping to do after this is to build a full-on site generator based on a photo.

How did you build the app?

First, I used the Clarifai JavaScript Starter kit hereBuilding off of that, it was just pure JavaScript, CSS, and HTML with a touch of jQuery. Initially, I had the project set up in the same way as the starter kit, where you had to have a separate keys.js file that had your credentials, but that's a hassle for a person to have to set up to get the site up and running. So, I tweaked it so that someone could input their credentials directly onto the web app. What's fun about it is that everything is saved in localStorage, so you don't have to add a new Client ID and Client Secret every single time you run it (so if you try out the project once on your computer, then go back to it later, the only input you'll need to stick in there is the image you want to use).  Also, I'm magic.

What do you love most about Clarifai?

Clarifai is so easy to use. It's LITERALLY the best thing ever. Also, I work there. Double whammy.

Thanks for sharing, Cassidoo!

To learn more, check out our documentation and sign-up for a free Clarifai account to start using our API - all it takes is three lines of code to get up and running! We’re super excited to share all the cool things built by our developer community, so don’t forget to tweet @Clarifai to show us your apps.

And give Cassidy some props in the comments below. Until next time!