ColorPeek — A macOS menu bar color picker for developers. Pick, copy, paste. 4 formats free, 8 formats Pro $19 lifetime. Tailwind, SCSS, SwiftUI native support.
Replies
Best
Maker
📌
Hey PH! 👋 I built ColorPeek because every day I was doing the same annoying thing: picking a color with Digital Color Meter, then manually converting #3B82F6 to a
Tailwind class in my head.
There are other color pickers out there, but none of them are built for developers:
- Pika is great and free, but no Tailwind support and limited history
- Sip ($59) is powerful but overloaded with designer features — contrast checkers, sliders, cloud sync. I just want to pick colors
- ColorSlurp ($29) is polished but same problem — built for designers, not devs
So I built ColorPeek to do exactly what I need and nothing more:
1. Click the menu bar icon (or press ⌘⇧C)
2. Pick a color on screen
3. Copy it in the format you actually need — blue-500, $blue-500, var(--blue-500), or Color(red: 0.23, green: 0.51, blue: 0.96)
It's a native SwiftUI app, weighs under 5MB, and makes zero network requests unless you buy Pro (license check once every 7 days).
Free tier gives you HEX/RGB/HSL/OKLCH + 50-color history. Pro is $19 lifetime — no subscription, no account, no cloud. One license covers 3 Macs.
Would love feedback from fellow devs! Happy to answer any questions.
Report
The menu bar integration is super handy, no extra windows cluttering my screen while I'm tweaking Tailwind palettes. Pricing feels fair for the Pro formats too.
Report
Maker
@oztrurk73771 Thanks Duru! Keeping it out of the way was the goal — your screen real estate is too valuable for another floating window. And glad the pricing feels fair, that means a lot coming from someone actually using the tool.
Report
Would love a quick keyboard shortcut to toggle the picker overlay so I don't have to click the menu bar icon every time I'm bouncing between apps. Maybe something like Cmd+Shift+C customizable in preferences. Could also be handy to auto-copy whichever format is currently selected in the dropdown instead of defaulting to hex each time, saves a step when working mostly in SwiftUI or SCSS.
Report
Maker
@mesutrende Hey Mesut, thanks for the thoughtful feedback!
⌘⇧C global shortcut — this already exists in Pro! You can trigger the color picker from anywhere without clicking the menu bar. It's the one feature I knew I needed from day one.
Auto-copy in selected format — clicking a color already copies in whatever format you have selected (not defaulting to HEX). But I think you're asking for something slightly different:
auto-copy immediately after picking, without needing the extra click. That's a great idea — would save a step for exactly the SwiftUI/SCSS workflow you described. I'll add it as a
settings toggle in the next update.
Appreciate you taking the time!
Report
Being able to grab a color straight from the menu bar without opening anything is exactly the kind of small workflow win I didn't know I needed. The Tailwind output is a nice touch for quick prototyping.
Report
Maker
@celdirdide97881 Really appreciate that! The menu bar-first approach was a deliberate choice — I got tired of color picker apps that feel like launching Photoshop just to grab a hex code. And yeah, Tailwind support was a personal must-have since I use it on pretty much every project. Thanks for trying it out!
Report
picked a color from my screen and it just showed up in the right tailwind format, no fiddling around. honestly kind of wish i had this sooner
Report
Maker
@azrailenkmjzh Really appreciate that! "No fiddling around" was basically the design spec — I got tired of picking a color, then manually converting it to Tailwind format in another tool. One step instead of three. Thanks for trying it out!
Replies
The menu bar integration is super handy, no extra windows cluttering my screen while I'm tweaking Tailwind palettes. Pricing feels fair for the Pro formats too.
@oztrurk73771 Thanks Duru! Keeping it out of the way was the goal — your screen real estate is too valuable for another floating window. And glad the pricing feels fair, that means a lot coming from someone actually using the tool.
Would love a quick keyboard shortcut to toggle the picker overlay so I don't have to click the menu bar icon every time I'm bouncing between apps. Maybe something like Cmd+Shift+C customizable in preferences. Could also be handy to auto-copy whichever format is currently selected in the dropdown instead of defaulting to hex each time, saves a step when working mostly in SwiftUI or SCSS.
@mesutrende Hey Mesut, thanks for the thoughtful feedback!
⌘⇧C global shortcut — this already exists in Pro! You can trigger the color picker from anywhere without clicking the menu bar. It's the one feature I knew I needed from day one.
Auto-copy in selected format — clicking a color already copies in whatever format you have selected (not defaulting to HEX). But I think you're asking for something slightly different:
auto-copy immediately after picking, without needing the extra click. That's a great idea — would save a step for exactly the SwiftUI/SCSS workflow you described. I'll add it as a
settings toggle in the next update.
Appreciate you taking the time!
Being able to grab a color straight from the menu bar without opening anything is exactly the kind of small workflow win I didn't know I needed. The Tailwind output is a nice touch for quick prototyping.
@celdirdide97881 Really appreciate that! The menu bar-first approach was a deliberate choice — I got tired of color picker apps that feel like launching Photoshop just to grab a hex code. And yeah, Tailwind support was a personal must-have since I use it on pretty much every project. Thanks for trying it out!
picked a color from my screen and it just showed up in the right tailwind format, no fiddling around. honestly kind of wish i had this sooner
@azrailenkmjzh Really appreciate that! "No fiddling around" was basically the design spec — I got tired of picking a color, then manually converting it to Tailwind format in another tool. One step instead of three. Thanks for trying it out!