Tom Dai

Color Peeker

A real time color picker

Color Peeker is a real time color picker.

Peek at your menu bar, and you’ll find the hex code for the color your cursor is pointing at. You can easily identify any color on your screen simply by moving your cursor over it. You can also quickly copy the hex code with a right click (or Control-click) if you turn on the feature.

How it started

As a designer, I frequently encounter the need to quickly determine the hex code of a specific color on my screen. This inspired me to create Color Peeker, an app that displays the hex code of a color at all times, allowing you to easily reference it whenever you need to. This handy app is especially useful for designers and developers who need to frequently grab color codes for their projects.

How it’s going

It’s going great! The app has been well received since the day it was launched on Product Hunt. On that day, Color Peeker received 124 upvotes and was ranked #8 of the day.

Rank of Color Peeker in the Mac App Store's Developer Tools category in the United States
#1
#500
Ranked #495 on Nov 20, 2021
Not ranked on Nov 21, 2021
Not ranked on Nov 22, 2021
Not ranked on Nov 23, 2021
Not ranked on Nov 24, 2021
Not ranked on Nov 25, 2021
Not ranked on Nov 26, 2021
Not ranked on Nov 27, 2021
Not ranked on Nov 28, 2021
Not ranked on Nov 29, 2021
Not ranked on Nov 30, 2021
Not ranked on Dec 1, 2021
Not ranked on Dec 2, 2021
Not ranked on Dec 3, 2021
Not ranked on Dec 4, 2021
Not ranked on Dec 5, 2021
Not ranked on Dec 6, 2021
Not ranked on Dec 7, 2021
Not ranked on Dec 8, 2021
Not ranked on Dec 9, 2021
Ranked #488 on Dec 10, 2021
Not ranked on Dec 11, 2021
Ranked #494 on Dec 12, 2021
Not ranked on Dec 13, 2021
Ranked #55 on Dec 14, 2021
Ranked #54 on Dec 15, 2021
Ranked #149 on Dec 16, 2021
Ranked #171 on Dec 17, 2021
Ranked #86 on Dec 18, 2021
Ranked #116 on Dec 19, 2021
Ranked #147 on Dec 20, 2021
Ranked #447 on Dec 21, 2021
Ranked #440 on Dec 22, 2021
Ranked #92 on Dec 23, 2021
Ranked #124 on Dec 24, 2021
Ranked #153 on Dec 25, 2021
Ranked #446 on Dec 26, 2021
Ranked #438 on Dec 27, 2021
Ranked #86 on Dec 28, 2021
Ranked #124 on Dec 29, 2021
Ranked #154 on Dec 30, 2021
Ranked #461 on Dec 31, 2021
Ranked #72 on Jan 1, 2022
Ranked #99 on Jan 2, 2022
Ranked #130 on Jan 3, 2022
Ranked #439 on Jan 4, 2022
Ranked #453 on Jan 5, 2022
Ranked #467 on Jan 6, 2022
Not ranked on Jan 7, 2022
Ranked #467 on Jan 8, 2022
Not ranked on Jan 9, 2022
Ranked #476 on Jan 10, 2022
Not ranked on Jan 11, 2022
Ranked #475 on Jan 12, 2022
Not ranked on Jan 13, 2022
Not ranked on Jan 14, 2022
Not ranked on Jan 15, 2022
Not ranked on Jan 16, 2022
Not ranked on Jan 17, 2022
Ranked #472 on Jan 18, 2022
Not ranked on Jan 19, 2022
Ranked #450 on Jan 20, 2022
Ranked #466 on Jan 21, 2022
Not ranked on Jan 22, 2022
Ranked #108 on Jan 23, 2022
Ranked #87 on Jan 24, 2022
Ranked #148 on Jan 25, 2022
Ranked #181 on Jan 26, 2022
Not ranked on Jan 27, 2022
Not ranked on Jan 28, 2022
Ranked #141 on Jan 29, 2022
Not ranked on Jan 30, 2022
Ranked #132 on Jan 31, 2022
Ranked #178 on Feb 1, 2022
Ranked #410 on Feb 2, 2022
Ranked #415 on Feb 3, 2022
Ranked #425 on Feb 4, 2022
Ranked #423 on Feb 5, 2022
Ranked #425 on Feb 6, 2022
Ranked #424 on Feb 7, 2022
Ranked #430 on Feb 8, 2022
Ranked #424 on Feb 9, 2022
Ranked #433 on Feb 10, 2022
Ranked #432 on Feb 11, 2022
Ranked #436 on Feb 12, 2022
Ranked #439 on Feb 13, 2022
Ranked #450 on Feb 14, 2022
Ranked #452 on Feb 15, 2022
Ranked #442 on Feb 16, 2022
Ranked #453 on Feb 17, 2022
Ranked #102 on Feb 18, 2022
Ranked #142 on Feb 19, 2022
Ranked #172 on Feb 20, 2022
Ranked #422 on Feb 21, 2022
Ranked #437 on Feb 22, 2022
Ranked #437 on Feb 23, 2022
Ranked #97 on Feb 24, 2022
Ranked #80 on Feb 25, 2022
Ranked #143 on Feb 26, 2022
Ranked #170 on Feb 27, 2022
Ranked #190 on Feb 28, 2022
Ranked #425 on Mar 1, 2022
Ranked #73 on Mar 2, 2022
Ranked #158 on Mar 3, 2022
Ranked #67 on Mar 4, 2022
Ranked #130 on Mar 5, 2022
Ranked #160 on Mar 6, 2022
Ranked #174 on Mar 7, 2022
Ranked #415 on Mar 8, 2022
Ranked #423 on Mar 9, 2022
Ranked #444 on Mar 10, 2022
Ranked #434 on Mar 11, 2022
Ranked #431 on Mar 12, 2022
Ranked #424 on Mar 13, 2022
Ranked #426 on Mar 14, 2022
Ranked #419 on Mar 15, 2022
Ranked #420 on Mar 16, 2022
Ranked #103 on Mar 17, 2022
Ranked #92 on Mar 18, 2022
Ranked #136 on Mar 19, 2022
Ranked #161 on Mar 20, 2022
Ranked #177 on Mar 21, 2022
Ranked #91 on Mar 22, 2022
Ranked #41 on Mar 23, 2022
Ranked #95 on Mar 24, 2022
Ranked #134 on Mar 25, 2022
Ranked #75 on Mar 26, 2022
Ranked #104 on Mar 27, 2022
Ranked #136 on Mar 28, 2022
Ranked #93 on Mar 29, 2022
Ranked #135 on Mar 30, 2022
Ranked #170 on Mar 31, 2022
Ranked #423 on Apr 1, 2022
Ranked #102 on Apr 2, 2022
Ranked #138 on Apr 3, 2022
Ranked #172 on Apr 4, 2022
Not ranked on Apr 5, 2022
Not ranked on Apr 6, 2022
Not ranked on Apr 7, 2022
Ranked #436 on Apr 8, 2022
Ranked #100 on Apr 9, 2022
Ranked #131 on Apr 10, 2022
Ranked #67 on Apr 11, 2022
Ranked #163 on Apr 12, 2022
Ranked #73 on Apr 13, 2022
Not ranked on Apr 14, 2022
Ranked #210 on Apr 15, 2022
Ranked #206 on Apr 16, 2022
Ranked #251 on Apr 17, 2022
Ranked #163 on Apr 18, 2022
Not ranked on Apr 19, 2022
Not ranked on Apr 20, 2022
Ranked #151 on Apr 21, 2022
Ranked #173 on Apr 22, 2022
Ranked #159 on Apr 23, 2022
Ranked #127 on Apr 24, 2022
Ranked #144 on Apr 25, 2022
Ranked #124 on Apr 26, 2022
Ranked #84 on Apr 27, 2022
Ranked #173 on Apr 28, 2022
Ranked #278 on Apr 29, 2022
Ranked #191 on Apr 30, 2022
Ranked #162 on May 1, 2022
Ranked #139 on May 2, 2022
Ranked #181 on May 3, 2022
Ranked #141 on May 4, 2022
Ranked #164 on May 5, 2022
Ranked #176 on May 6, 2022
Ranked #271 on May 7, 2022
Ranked #312 on May 8, 2022
Ranked #190 on May 9, 2022
Ranked #145 on May 10, 2022
Ranked #251 on May 11, 2022
Ranked #103 on May 12, 2022
Ranked #182 on May 13, 2022
Ranked #175 on May 14, 2022
Ranked #154 on May 15, 2022
Ranked #97 on May 16, 2022
Ranked #186 on May 17, 2022
Ranked #146 on May 18, 2022
Ranked #143 on May 19, 2022
Ranked #140 on May 20, 2022
Ranked #157 on May 21, 2022
Ranked #242 on May 22, 2022
Ranked #133 on May 23, 2022
Ranked #170 on May 24, 2022
Ranked #108 on May 25, 2022
Ranked #152 on May 26, 2022
Ranked #143 on May 27, 2022
Ranked #260 on May 28, 2022
Ranked #305 on May 29, 2022
Ranked #354 on May 30, 2022
Ranked #464 on May 31, 2022
Ranked #472 on Jun 1, 2022
Ranked #225 on Jun 2, 2022
Ranked #100 on Jun 3, 2022
Ranked #137 on Jun 4, 2022
Ranked #132 on Jun 5, 2022
Not ranked on Jun 6, 2022
Not ranked on Jun 7, 2022
Ranked #92 on Jun 8, 2022
Not ranked on Jun 9, 2022
Ranked #103 on Jun 10, 2022
Not ranked on Jun 11, 2022
Ranked #185 on Jun 12, 2022
Ranked #166 on Jun 13, 2022
Ranked #95 on Jun 14, 2022
Ranked #142 on Jun 15, 2022
Ranked #157 on Jun 16, 2022
Ranked #268 on Jun 17, 2022
Not ranked on Jun 18, 2022
Ranked #267 on Jun 19, 2022
Ranked #229 on Jun 20, 2022
Ranked #151 on Jun 21, 2022
Ranked #267 on Jun 22, 2022
Ranked #336 on Jun 23, 2022
Ranked #205 on Jun 24, 2022
Ranked #172 on Jun 25, 2022
Ranked #257 on Jun 26, 2022
Ranked #297 on Jun 27, 2022
Ranked #196 on Jun 28, 2022
Ranked #151 on Jun 29, 2022
Ranked #282 on Jun 30, 2022
Ranked #347 on Jul 1, 2022
Ranked #201 on Jul 2, 2022
Ranked #266 on Jul 3, 2022
Ranked #125 on Jul 4, 2022
Ranked #155 on Jul 5, 2022
Ranked #274 on Jul 6, 2022
Ranked #342 on Jul 7, 2022
Not ranked on Jul 8, 2022
Not ranked on Jul 9, 2022
Ranked #160 on Jul 10, 2022
Ranked #114 on Jul 11, 2022
Ranked #92 on Jul 12, 2022
Ranked #75 on Jul 13, 2022
Ranked #135 on Jul 14, 2022
Ranked #133 on Jul 15, 2022
Ranked #125 on Jul 16, 2022
Ranked #239 on Jul 17, 2022
Ranked #291 on Jul 18, 2022
Ranked #350 on Jul 19, 2022
Ranked #201 on Jul 20, 2022
Ranked #85 on Jul 21, 2022
Ranked #132 on Jul 22, 2022
Ranked #220 on Jul 23, 2022
Ranked #161 on Jul 24, 2022
Ranked #87 on Jul 25, 2022
Ranked #83 on Jul 26, 2022
Ranked #66 on Jul 27, 2022
Ranked #92 on Jul 28, 2022
Ranked #111 on Jul 29, 2022
Ranked #193 on Jul 30, 2022
Ranked #172 on Jul 31, 2022
Ranked #226 on Aug 1, 2022
Ranked #323 on Aug 2, 2022
Ranked #384 on Aug 3, 2022
Ranked #476 on Aug 4, 2022
Ranked #225 on Aug 5, 2022
Ranked #301 on Aug 6, 2022
Ranked #332 on Aug 7, 2022
Ranked #185 on Aug 8, 2022
Ranked #79 on Aug 9, 2022
Ranked #140 on Aug 10, 2022
Ranked #73 on Aug 11, 2022
Ranked #131 on Aug 12, 2022
Ranked #162 on Aug 13, 2022
Ranked #241 on Aug 14, 2022
Ranked #99 on Aug 15, 2022
Ranked #108 on Aug 16, 2022
Ranked #103 on Aug 17, 2022
Ranked #147 on Aug 18, 2022
Ranked #262 on Aug 19, 2022
Ranked #340 on Aug 20, 2022
Ranked #380 on Aug 21, 2022
Ranked #100 on Aug 22, 2022
Ranked #231 on Aug 23, 2022
Ranked #196 on Aug 24, 2022
Ranked #192 on Aug 25, 2022
Ranked #119 on Aug 26, 2022
Ranked #162 on Aug 27, 2022
Ranked #239 on Aug 28, 2022
Ranked #132 on Aug 29, 2022
Ranked #247 on Aug 30, 2022
Ranked #330 on Aug 31, 2022
Ranked #155 on Sep 1, 2022
Ranked #265 on Sep 2, 2022
Ranked #183 on Sep 3, 2022
Ranked #270 on Sep 4, 2022
Ranked #94 on Sep 5, 2022
Ranked #232 on Sep 6, 2022
Ranked #95 on Sep 7, 2022
Ranked #179 on Sep 8, 2022
Ranked #273 on Sep 9, 2022
Ranked #191 on Sep 10, 2022
Ranked #166 on Sep 11, 2022
Ranked #231 on Sep 12, 2022
Ranked #191 on Sep 13, 2022
Ranked #172 on Sep 14, 2022
Ranked #289 on Sep 15, 2022
Ranked #235 on Sep 16, 2022
Ranked #160 on Sep 17, 2022
Ranked #251 on Sep 18, 2022
Ranked #172 on Sep 19, 2022
Ranked #287 on Sep 20, 2022
Ranked #154 on Sep 21, 2022
Ranked #289 on Sep 22, 2022
Ranked #148 on Sep 23, 2022
Ranked #89 on Sep 24, 2022
Ranked #152 on Sep 25, 2022
Ranked #160 on Sep 26, 2022
Ranked #108 on Sep 27, 2022
Ranked #217 on Sep 28, 2022
Ranked #183 on Sep 29, 2022
Ranked #138 on Sep 30, 2022
Ranked #168 on Oct 1, 2022
Ranked #256 on Oct 2, 2022
Ranked #306 on Oct 3, 2022
Ranked #361 on Oct 4, 2022
Ranked #461 on Oct 5, 2022
Ranked #168 on Oct 6, 2022
Ranked #187 on Oct 7, 2022
Ranked #276 on Oct 8, 2022
Ranked #313 on Oct 9, 2022
Ranked #213 on Oct 10, 2022
Ranked #151 on Oct 11, 2022
Ranked #177 on Oct 12, 2022
Ranked #104 on Oct 13, 2022
Ranked #128 on Oct 14, 2022
Ranked #238 on Oct 15, 2022
Ranked #292 on Oct 16, 2022
Ranked #343 on Oct 17, 2022
Ranked #222 on Oct 18, 2022
Ranked #172 on Oct 19, 2022
Ranked #132 on Oct 20, 2022
Ranked #237 on Oct 21, 2022
Ranked #82 on Oct 22, 2022
Ranked #181 on Oct 23, 2022
Ranked #98 on Oct 24, 2022
Ranked #128 on Oct 25, 2022
Ranked #189 on Oct 26, 2022
Ranked #294 on Oct 27, 2022
Ranked #231 on Oct 28, 2022
Ranked #202 on Oct 29, 2022
Ranked #282 on Oct 30, 2022
Ranked #231 on Oct 31, 2022
Ranked #319 on Nov 1, 2022
Ranked #206 on Nov 2, 2022
Ranked #132 on Nov 3, 2022
Ranked #116 on Nov 4, 2022
Ranked #141 on Nov 5, 2022
Ranked #246 on Nov 6, 2022
Ranked #187 on Nov 7, 2022
Ranked #145 on Nov 8, 2022
Ranked #62 on Nov 9, 2022
Ranked #79 on Nov 10, 2022
Ranked #165 on Nov 11, 2022
Ranked #96 on Nov 12, 2022
Ranked #167 on Nov 13, 2022
Ranked #167 on Nov 14, 2022
Ranked #100 on Nov 15, 2022
Ranked #153 on Nov 16, 2022
Ranked #134 on Nov 17, 2022
Ranked #153 on Nov 18, 2022
Ranked #118 on Nov 19, 2022
Ranked #181 on Nov 20, 2022
Ranked #67 on Nov 21, 2022
Ranked #132 on Nov 22, 2022
Ranked #275 on Nov 23, 2022
Ranked #185 on Nov 24, 2022
Ranked #265 on Nov 25, 2022
Ranked #333 on Nov 26, 2022
Ranked #200 on Nov 27, 2022
Ranked #278 on Nov 28, 2022
Ranked #125 on Nov 29, 2022
Ranked #116 on Nov 30, 2022
Ranked #225 on Dec 1, 2022
Ranked #309 on Dec 2, 2022
Ranked #147 on Dec 3, 2022
Ranked #180 on Dec 4, 2022
Ranked #161 on Dec 5, 2022
Ranked #165 on Dec 6, 2022
Ranked #301 on Dec 7, 2022
Ranked #370 on Dec 8, 2022
Ranked #124 on Dec 9, 2022
Ranked #231 on Dec 10, 2022
Ranked #307 on Dec 11, 2022
Ranked #195 on Dec 12, 2022
Ranked #191 on Dec 13, 2022
Ranked #186 on Dec 14, 2022
Ranked #276 on Dec 15, 2022
Ranked #336 on Dec 16, 2022
Ranked #385 on Dec 17, 2022
Ranked #467 on Dec 18, 2022
Ranked #462 on Dec 19, 2022
Ranked #223 on Dec 20, 2022
Ranked #306 on Dec 21, 2022
Ranked #101 on Dec 22, 2022
Ranked #197 on Dec 23, 2022
Ranked #276 on Dec 24, 2022
Ranked #330 on Dec 25, 2022
Ranked #177 on Dec 26, 2022
Ranked #165 on Dec 27, 2022
Ranked #206 on Dec 28, 2022
Ranked #179 on Dec 29, 2022
Ranked #177 on Dec 30, 2022
Ranked #114 on Dec 31, 2022
Ranked #197 on Jan 1, 2023
Ranked #117 on Jan 2, 2023
Ranked #86 on Jan 3, 2023
Nov 20, 2021
Jan 3, 2023

Color Peeker is also doing well in the Mac App Store. As you can see in the chart, the app is among the most popular developer tools from time to time.

Design details

More than peeking

Color Peeker's menu

After implementing the basic functionality, I realized only displaying the color code isn’t useful enough, so I also added a “Copy on Right Click” feature to make it even easier for people to grab the color codes they need. With just a single click, the hex code is automatically copied to the clipboard, saving valuable time and effort.

Fixing the shaky bar


One of the problems I encountered making the app was that the horizontal space used to display the color code varies with the movement of the cursor. The result was that all other menu items to the left of Color Peeker constantly moves, making the menu bar appear to be shaking.

There are many fixed-width fonts that can solve this problem, but considering the overall aesthetic and consistency of the menu bar items, the ideal solution would be to use the system font with fixed-width characters. Thankfully, macOS offers an API that does just that:

NSStatusBarButton.font = .monospacedSystemFont(ofSize:weight:)

Fitting in

Icons of Mac developer apps including Color Peeker

If you are also a developer who uses a Mac, you may have noticed that the icons of many developer apps have a particular look – one that looks like a blueprint. To fit into the group, Color Peeker also adopted this look.