I now use Figma for most of my UX projects. If you are like me and missing the option to pick any colour off your screen while designing this tip is for you. It works for MacOS users only and can be used while working in any application. There are other ways to achieve the same results but this one is on the cheap site 🙂

It is based on a nifty little script my colleague showed me. This post is in two parts – a short version and a long version explaining the pitfalls and how to set it up step by step.

Tl;DR:
Use the below AppleScript to automatically copy the colour under your cursor using Digital Colour Meter:

on run {input, parameters}
	
	tell application "Digital Color Meter" to activate
	tell application "System Events"
		click menu item "Copy Colour as Text" of ((process "Digital Color Meter")'s (menu bar 1)'s (menu bar item "Colour")'s (menu "Colour"))
		set visible of process "Digital Color Meter" to false
	end tell
	
	return input
end run

The long version:

Some of you may have already noticed that the above script version features British Spelling. So, if you are on the other side of the pond: ⚠️ Change Colour —> Color or the script will not work!


Next step is to set up Digital Colour Meter, located in Applications/Utilities (⌘ + Shift + U while in Finder)
Launch it and go to: View—> Display Values —> as Hexadecimal this will help when pasting in Figma

Read more