PixelPick Support

Support

See the below details on how to use PixelPick. If you run into any issues, or feel something is lacking, please get in touch!

🎯 Colour Picker

Access the colour picker or the main window through the menu bar item at the top of your screen — click on the PixelPick icon to start picking, or click on the arrow to the right of it to open the main window.

• Follows the mouse to track and pick a pixel colour.
• Use arrow keys to nudge the picker one pixel at a time. Hold Shift to move faster.
• Press Return or click the mouse to copy the current colour in the selected format.
• Hold Command (⌘) to keep selecting multiple colours, preventing the picker from closing.
• Scroll to zoom in/out, and hold Option (⌥) while scrolling to adjust selector size.

🎨 Colour Editor

• Select a previously picked colour or click the rainbow icon to open the editor.
• Adjust colour using the colour wheel or numeric sliders for RGB, HSL, HSB, or CMYK.
• Alpha transparency is fully adjustable.
• Hex and colour name fields stay in sync and are editable.
• Click the clipboard icon to copy the currently edited colour.

🧩 Custom Copy Formats

Access the format editor by clicking the options button at the top right of the PixelPick menu, and then click Settings... to open the Settings window. Select the Colour Formats tab button.

Create your own custom format by clicking the 'Create Format' button. Edit the Copy and Preview formats as required.

The format can contain any string, alongside variables enclosed in double curly brackets {{}}. Take a look at the built in formats to get a feel for how they work.

Supported Variables

Colour Attributes

• red, green, blue
• cyan, magenta, yellow, black
• rgbCyan, rgbMagenta, rgbYellow, rgbBlack
• alpha, hue, hsbSaturation, hsbBrightness
• hslSaturation, hslLightness, whiteness, blackness

Example: {{red}} → "0.90"

String values

• name – Exact match descriptive name
• nearestName – Closest matching name

Example: {{nearestName}} → "Red Rhapsody"

Formatters

Formatters must be chained to Colour Attributes values to produce a value that can be printed or modified.

• .hex – Example: {{rgbBlack.hex}} → "00"
• .float – Example: {{rgbBlack.float}} → 1.00000

Modifiers

Modifiers can be chained to float formatted values and other modifiers to change the way a value is displayed.

• .multiply(n) – Multiply by a number, example: {{rgbBlack.float.multiply(255)}} → 229.50000
• .divide(n) – Divide by a number, example: {{rgbBlack.float.divide(2)}} → 0.45000
• .rounded(n) – Round to n decimal places, example: {{rgbBlack.float.multiply(255).rounded(0)}} → 230