This post is under construction. More info is being added as it becomes available.
Hex Code Search
Dribbble has a very interesting search feature that allows users to filter search results based on prominent colors within a design.
Lots of designers search for inspiration as to how a given color is used in other designs using this feature. This search feature has been around for a while, but it wasn’t easy to find, and many users didn’t even know it existed.
It’s gained enough popularity that Dribbble has decided to move it to the front page of logged in users as one of its four search filters as of 5/29/19.
How Dribbble’s Hex Code Search Works
There are two ways that users can use this color search feature to filter shots. The first (and likely most common) way is directly within the search filter bar on the front page. You’re able to choose from a grid of material-design-esque (material design color pallet) colors, or search with a custom hex code.
The hex code search looks for a certain minimum percentage of the image matching the hex code you searched for, and in the simplified hex code search it defaults to 30%. You can not specify the color percentage minimum within the simplified view.
The original color search no longer has a direct link within the navigation bar, but can be accessed by going to https://dribbble.com/colors and Dribbble will search by a random color within it’s pre-defined hex code grid if you paste this url into your browser.
Alternatively you can search by hex code by adding a “/000000” hex code to the end of the URL.
You can also access the original expanded color search by clicking on any of the colors within the auto-generated color palette of any Dribbble Shot.
From here you can click on the drop down of the hex code search and view the expanded search filter with adjustable minimum color percentage.
How To Optimize For Hex Code Search
This is a little vague, and Dribbble itself has released little more information about how its color search works than what you can glean for playing around with the feature.
What IS clear:
- It doesn’t matter if your target search color doesn’t show up in the generated pallet of your Shot.
- The minimum percentage DOES NOT mean that the percentage of pixels are of a certain exact hex code. It’s grouping the images by color range in reference to the target hex code.
- The search results are in either chronological order, or in order of popularity, and do not appear to be ordered by best match.
- The hue does not have to be an exact match. It seems to sort within a range of hue as well.
- If you upload a GIF or VIDEO then the first keyframe is what you’re going to be sorted by.
Changing The Min Percentage Yields Seems To Sort Things Differently
I turned up the min-color percentage to 100% just to see what would happen.
All of the search results at 100% color minimum had only one color in their auto-generated palettes and it was always #00000 and occasionally a color very close to #000000.
There were a fair amount of Shots that definitely had more white than black, so it’s interesting that their filters seem not to count the white.
It’s Not Just About Color, Image Recognitions is a Factor
Dribbble uses image recognition to sort images by color too. It works by isolating objects within an image, so if you post an image with a black graphic on a white background then it’ll still show up when you search #000000.
Popular tags, and long tail keywords
You can have up to 20
location and other peramiters
Use CTAs, ask for feedback, make good descriptions.
Only in the paid version
Helps you show up in more searches
Helps you show up in more searches