I think it would be useful to be able to quickly paste a color in either Hex, HSL, or RGB. You can already do this by selecting the correct text field first, but I think it would be nice if we could support this as long as the app is active.

Open questions:

• What should the keyboard shortcut be? Should we use Command+V for this? Or should it be Shift+Command+V?
• Where and how should it be presented in the UI? (Button to paste)

The implementation should be simple as we already have the initializers. We just try initializing the colors on after another.

Feedback wanted

It could be useful to automatically copy the picked value to the clipboard based on a pre-defined preference rather than have to copy using the keyboard shortcut. I can imagine this will differ depending on whether the user needs HEX, RGB, etc. but it would lead to a smoother workflow, especially when integrating with launchers like Raycast (example attached)

https://user-images.githubusercontent.com/48359410/117535038-d6bfc700-afeb-11eb-883a-33bad5ddd7cc.mp4

• macOS 12.1
• SCP v1.9.0 (MAS)

Repro

• If you put ff4915 in your pasteboard, and enter the hex field and press ⌘cmd+V the color wheel & swatch will update but the field (usually) remains at its previous value
• bonus: sometimes the field does update after pasting. This usually happens after fiddling with the controls a bit.

here's a screen recording:

https://user-images.githubusercontent.com/1992842/148231395-eaa8d661-c30a-41c0-9433-d73bcdee34c9.mp4

When I look at the dock, it is not clear whether the application is open or not on Dock icon. The white dot disappears.

https://user-images.githubusercontent.com/36481442/137536436-156570ff-6aff-4a0e-b501-2bb679134f53.mov

Also application does not appear in the quick switch interface. Command+Tab | Comman+Q.

There is no Quit option when right clicked on the Dock icon.

Opening the picker via a launcher shortcut (Raycast/Spotlight) fails when in menu bar mode

https://user-images.githubusercontent.com/48359410/117534954-821c4c00-afeb-11eb-9795-7ab683b2b0b3.mp4

Although the app obviously isn't very text-heavy, I think it would be neat to allow contributors to translate Color Picker into other languages.

The app already feels 95% like a native Mac app, and having the app name and menu options in my own language (not English) would make that 100%.

Apple's instructions for app localization can be found here: https://developer.apple.com/documentation/xcode/localization

Fixes #5

Build: Color Picker.app.zip

Please help test 🙏

Open questions:

• Should LCH be clamped to sRGB? Currently, if you copy LCH, it will be clamped to sRGB. Same if you paste a LCH color that is outside the range of sRGB. How will browsers handle this?

TODO:

• [ ] I want to make it possible to hide/show the different color formats.

I plan to add support for LCH color (not Lab since it's almost the same, just not as human-friendly). It's superior to HSL and RGB.

There's no rush though. Doesn't seem like all browsers support it yet: https://chromestatus.com/feature/4592567062626304

Instead of having the app dependent of the Mac App Store, also have it available as a cask from Homebrew.

Also having the compiled .dmg-file for the Releases-section right here on GitHub! 😄

I'll mainly use the app's color picker via the global shortcut, so I'd prefer to be able to hide the app's icon from the menubar to have a less cluttered menubar.

Can you add support for OKLCH colors? OKLCH has been added to CSS color 4 and is superior to LCH, particularly at perceptually uniform blending of colors without hue shifts.

Browser support isn't here yet, so no rush, but I think OKLCH will be better than LCH when you get to implementing color sliders #20.

Hi @sindresorhus This PR is a first draft for issue #3 Validate text fields

I first tried a border color for the hex text field but it interfered with blue border when the text field is focused. Instead I added a SF symbol image that switches depending if the field is valid.

The implemented colorChecker class uses ObservedObject and the onChange modifier to run on user input, it also trims unwanted characters.

The code still needs to be implemented for hsl, rgb & lch text inputs. Also needs cleaning, optimizing & testing but I wanted an initial 👍 before going ahead.

Regards

PS : I have more experience with iOS app development, this is helping me get to grips with Mac app development 😄

I'd like to build a Raycast shortcut to open the color picker, do you plan to add Apple Script support or maybe just a URL scheme that once called opens the picker?

Thanks!

Would love to get a color name for each picked color, I happen to maintain this list: https://github.com/meodai/color-names But there are plenty of others around: https://github.com/meodai/color-name-lists

I've just moved away from using ColorSnapper2, and I think this app should implement some of the extra features that ColorSnapper2 provides for its color picker, as they improve the user experience significantly.

Features

1. Being able to resize the loupe with the scroll wheel. This is pretty useful as the current size of the loupe feels very small to me, it feels a bit disorienting, as if I can't see enough of the surrounding to orientate myself easily, I'd like to make it bigger.
2. Current color tooltip. I like this a lot because it allows the color picker to be used for more things, for example I can check if something is pure black or if two things are of the same color super quickly, currently doing the same with this app involves opening the window, which just breaks the workflow for me.
3. Close-up mode. When pressing ctrl on ColorSnapper2 the loupe sort of zooms in into the screen, showing a bigger loupe, much bigger pixels, a pixels grid and importantly also the loupe moves more slowly. Those are pretty useful features IMO as picking a precise pixel currently with the app is not a smooth as it should be, it's just too easy to move the cursor accidentally to a neighbor pixel and I find that I physically get closer to the screen just to have a better view of the pixels.

Demo

https://user-images.githubusercontent.com/1812093/141295302-d8fcfd2c-ad11-4d8b-9d1d-ef9434d821f7.mov