Your digital devices take millions of eye-catching colors. Love whatever of those colors in item? Desire to utilize them in your designs or to theme your apps? First, you demand to apply a colour picker utility able to determine the color lawmaking on-screen.

There are plenty of complimentary eyedropper tools that you can install to copy the color code of whatsoever pixel on your screen with just a few clicks.

i. Instant Eyedropper (Windows)

Instant Eyedropper is an app that pinpoints an on-screen color's exact hex value. You lot'll so come across the color lawmaking of the pixel that's correct underneath your mouse pointer. Release the mouse push, and voilà! The hex lawmaking of that colour is now on your clipboard, and you tin can paste it anywhere you desire.

Instant Eyedropper color tool

Want the colour codes in a unlike format? Head to Options via Instant Eyedropper's right-click menu to specify your preference.

Download: Instant Eyedropper for Windows (Gratis)

2. SIP (Mac)

SIP adds a color picking role to your Mac's carte du jour bar. Click on SIP's menubar icon, and you'll find your eyedropper feature in the dropdown.

sip-mac

The app supports as many every bit 24 colour formats and also lets you create and share palettes.

Download: SIP for Mac ($x/year, free trial available)

three. Digital Color Meter (Mac)

Did y'all know that at that place'southward a born color picker on your Mac as well? It'south called Digital Colour Meter, yet another application you can use to observe colour codes. Screengrab-prepare at a moment's discover, information technology requires no installation.

Digital Color Meter

You lot'll discover Digital Colour Meter under Applications > Utilities. Information technology's a handy tool for everyone who needs to get color codes from screen elements on the fly.

4. ColorZilla (Chrome and Firefox)

ColorZilla is some other popular extension used to get hex color codes from screen-based elements. Afterwards installation, click on its icon in your browser'due south toolbar to admission the eyedropper and other features.

The Colorzilla Chrome extension dropdown

Hover the mouse over whatever pixel; you'll encounter both the hex and RGB values. Click on a pixel to copy its hex value to your clipboard. In the extension's settings, y'all tin can also cull a different color format to use with the auto-copy characteristic.

A successfully-picked hex value

Download: ColorZilla for Chrome | Firefox (Free)

Hands Detect Hex Color Codes On-Screen

Tiny utilities like colour pickers may not seem all that of import, but they testify handy for designers and not-designers alike. We highly recommend including one or more than in your life.

How to Use Color Theory to Drag Your Creative Projects

Read Next

About The Author

Akshata Shanbhag (396 Articles Published)

Akshata trained in manual testing, animation, and UX design before focusing on technology and writing. This brought together two of her favorite activities — making sense of systems and simplifying jargon.

More From Akshata Shanbhag