Skip to content
A tiny menu bar application that helps you pick colours from your screen! πŸ”βœ¨
Branch: master
Clone or download
Latest commit f843510 Mar 4, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Carthage/Checkouts chore: carthage update and codesign application Feb 18, 2019
Pixel Picker.xcodeproj fix: issues with development signing Feb 20, 2019
Pixel Picker version: 1.3.4 Mar 3, 2019
Pixel PickerTests
Resources feat: add ability to choose different status item icons (#19) Feb 18, 2019
.gitignore
Cartfile implemented settings and formats May 19, 2018
Cartfile.resolved
LICENSE
README.md chore: rename from "PixelPicker" to "Pixel Picker" Feb 19, 2019

README.md

Pixel Picker Banner

Pixel Picker is like Digital Color Meter, but lives in your menu bar and lets you get the color of any pixel easily. Just hit your shortcut, up comes a magnifying glass, and away you go!

Features

  • πŸ“Έ Pick any pixel on your screen with ease
  • πŸ”Ž Different magnification levels
  • ✏ Multiple color export formats
  • πŸ–₯ Multi-monitor support
  • 🎨 Supports different color spaces
  • ⌨️ Global keyboard shortcut activation
  • πŸŒ„ Customisable preview
  • ✨

demo of pixel-picker

Installation

Via Homebrew:

brew cask install pixel-picker

Via GitHub Releases

Simply download the dmg from the releases tab and drag "PixelPicker.app" into your /Applications folder.

Usage

After you've installed Pixel Picker, it will live in your menu bar. You have many different ways of activating the picker:

  • Configure a keyboard shortcut in the dropdown menu and press that to activate the picker
  • Select the "Pick a Pixel" item in the dropdown menu to activate the picker
  • Simply right-click the menu item and the picker will activate

Once you have the picker open, it should be quite straightforward! Move your mouse around the screen and click (or press space on the pixel you want. You can also hold down the control (βŒƒ) key (this can be changed to another key) while the picker is open, and the picker will enter "Focus Mode". This will zoom the pixel preview even further, and will slow down the picker's movement to make it easier to pick that hard-to-get pixel!

ProTip: Remember, you can use the left or right arrow keys to cycle between color formats while the picker is open.

Options

All of Pixel Picker's options are in its menubar dropdown. Simply click on the menu bar item, and you can configure the picker right there in your menu.

Pixel Picker provides some neat options:

  • πŸ”³ Show Grid
    • Whether or not to show a grid around the pixels in the picker's preview.
  • 🎨 Color Space
    • Computer screens are complex things, and have various color spaces. You can either leave this setting as its default (it will choose the default color space of your screen) or you can specify a specific color space and Pixel Picker will try and use that instead (compatibility depends on your computer's screen/monitor).
  • ✏️ Color Format
    • How should the color be copied when you select it? Examples include CSS Hex: #aabbcc, or Java RGB: new Color(158, 198, 117), etc.
  • πŸ” Magnification
    • How far in should the preview zoom/how big should each pixel be?
  • 🧐 Focus Modifier
    • Choose which modifier activates focus mode. When focus mode is active, the picker zooms even closer in, and your mouse moves slower to help you pick the right pixel.
  • πŸ”’ Float Precision
    • This controls how many digits will come after the decimal point when using float-based color formats.
  • ⌨️ Picker Shortcut
    • The global keyboard shortcut to use that will activate Pixel Picker.
  • πŸš€ Launch at Login
    • If this is enabled then Pixel Picker will be launched when you log into your computer.

Extra Overrides or Hidden Settings

In some releases Pixel Picker might have some experimental overrides that can be toggled via the Terminal (defaults write ..., etc). Look under the "Experimental Overrides" section at Pixel Picker -> About for more information.

Questions/Concerns

None yet!

Developing

Setting up the project

Pixel Picker uses carthage to manage its dependencies (you can install it with brew). To build Pixel Picker on your machine:

# Clone the repository
git clone git@github.com:acheronfail/pixel-picker && cd pixel-picker
# Install dependencies with carthage
carthage update --platform macos
# Open the project
open "Pixel Picker.xcodeproj"

Once you've opened the Xcode project, it should be enough to make your changes and then just hit the build/run button and go from there.

Creating a DMG

The process to create build artefacts for this app is extremely simple:

  1. Archive a build in Xcode (Products -> Archive)
  2. Export the app
  3. Run create-dmg
  4. πŸŽ‰

License

GPLv3

You can’t perform that action at this time.