Colour Picker For Mac



Native macOS color picker in Visual Studio Code for web-development and other uses. Supports various CSS3 color notations. Works like the “Insert Color” action in TextMate.

Sorry, the extension does not work on Windows or Linux.

Why native color picker?

  1. Works very fast because it’s built-in into macOS.
  2. The eyedropper can also be used outside VS Code.
  3. Keeps favorite colors, which can be reused in other applications.
  4. Lots of modes (HSB, web-safe colors etc) and other useful stuff.

Installation

Click Install on the Marketplace, or run from the command palette (Cmd-Shift-P):

Usage

Run Open macOS Color Picker from the command palette (Cmd-Shift-P) to launch the color picker. It is highly recommended to configure a keybinding, such as Cmd-Shift-C (see how to do this).

If a color is selected, the extension will pass it into the color picker. The following notations are supported:

  • CSS keywords, for example: transparent, black, red (but not currentcolor).
  • 6 digit hex codes, for example: #FFF, #563D7C.
  • 8 digit hex codes, for example: #563D7CAB(see note below).
  • rgb() / rgba() notations, for example:
    • rgb(255, 255, 255)
    • rgba(255, 255, 255, 0.5)(see note below)
  • hsl() / hsla() notations, for example:
    • hsl(360, 100%, 50%)
    • hsla(360, 100%, 50%, 0.5)(see note below)
  • hwb() notation, for example: hwb(60, 3%, 60%)

Note: the color picker currently cannot change the alpha channel value (opacity). This may change in the future releases.

Settings

Feedback

If you have a problem or a suggestion, please open an issue on GitHub.

Special thanks

  • Nathan Rajlich (@TooTallNate) for node-applescript.
  • Josh Junon (@Qix-) for color-string and color-convert.
  • Dustin Specker (@dustinspecker) for shorten-css-hex.

License

MIT License © Eugene ‘Dae’ Zuyev (dae@dae.me).

Open-Source Eyedropper and ColorPicker to select color values from websites and desktop.

Sip, an Effortless Color Picker for Mac A popular choice among big companies such as Disney and Amazon, Sip is an effective tool for color picking and organizing. It offers an unobtrusive platform which is easy to use and navigate by anyone, from beginner to professional designers and developers.

  1. The color picker for Mac that makes it easy to inspect, adjust, organize, and export precise color values of any pixel on the screen. Try ColorSnapper For Free or purchase a license.
  2. Color Picker is designed for ultra-quick access and to quietly get out of your way when you are done picking. The color will be available in the pasteboard. Color Picker for Mac.

With ColorFish you can get a color reading from any point in your browser and from any point in your desktop. ColorFish is the only colorpicker browser extension with desktop color selection support. ColorFish is 100% free and Open-Source and available for Chrome, Firefox and Edge. We created it as side project of our Enterprise RPA software.

Download the Free and Open-Source ColorFish Color Picker:

Color Dropper Tool App

Color Picker for Chrome
Color Picker for Firefox
Color Picker for Edge


Video: The free and Open-Source color picker explained in 60 seconds.

Color Picker Features

  • Website Eyedropper - get the color of any pixel on the page
  • Desktop Eyedropper - get the color of any app or image on your desktop*
  • Color History of recently picked colors
  • Auto copy picked colors to clipboard
  • Keyboard shortcuts
  • Get colors of dynamic hover elements
  • Single-click to start color picking
  • Pick colors from Flash objects
  • Pick colors at any zoom level
  • Open-Source (GPL license)
  • Available for Chrome, Firefox and Edge


Color Picker Screenshot

Just color picker app

Add Desktop Color Picking support

To add the free desktop colorpicking support, install the UI.Vision XModule. The XModule is a small native app that helps Colorfish to take the screenshot. It is available for Windows, Mac and Windows. If you only want to pick colors inside the web browser, installing this app is not required. It is only needed for the desktop color picker feature.

Colour Picker For MacColour Picker For Mac

How to select colors on the desktop?

Colour Picker For Mac

Whenever no website is loaded, then the Colorfish eye dropper tool is automatically in desktop screenshot modus. So you can open a new tab, or go e. g. to chrome://extensions/ - then the Colorfish icon turns blueish. This is the sign that Colorfish will take a desktop screenshot.Then the screenshot displayed inside the browser, and now you can pick to color from within the desktop screenshot image.

Or select “Desktop Text Capture” from the Colorfish right-click menu.

Tech support

Colorfish has a Getting started page. If you have questions, please use the contact form. We love to hear from you. And even so this is a free Chrome extension, we read all emails and typically respond within 1-2 days.

Mac color picker for chrome

☛ Share Colorfish

Color Picker For Mac

The more people use Colorfish, the better it becomes over time. Please help making Colorfish better by sharing it on Facebook, Twitter,...

Color Picker For Mac


ColorFish 🐠 Color Picker - Please share.