DEV Community

Cover image for A useful tool for Front-end devs and designers using Linux :)
Roshan Khetpal
Roshan Khetpal

Posted on • Updated on

A useful tool for Front-end devs and designers using Linux :)

Hey beautiful people👋 I hope you guys are doing amazing!

Today I'm going to share a great tool with you. if you're a front-end developer or a designer and want to play with colors in your Figma tool or any designing tool, and you're using a Linux-based operating system. If you like me, then you're in the right place.

People often complain that Linux is not meant for designers. But people, this tool will absolutely streamline your designing work by allowing you to select colors from anywhere on the screen.

Installation guide & How to use it?

Step 1: You need to open your favorite browser, in my case, I'm going to use Firefox.

Step 2: In the search bar, type gnome shell extensions and hit enter. I'm using the gnome desktop environment, so that's why. but if you're using any other desktop environment, then you install this according to your system. Open the first link.

Image description
Step 3- Simply, you have to search for an extension named color picker. The link is here 👉 Color Picker

Step 4: Just toggle on and install this extension, and you're good to go. You don't need to do any extra settings in tweaks and extension manager.

Image description

And to use this color picker tool. In your screen at the top right corner status bar. As you can see in the picture I've added. there is a small eyedropper icon. click on that.
Image description

Video tutorial :)

In the attached video link, I'm gonna quickly run you through "How to use this". Just simply click on the icon and you'll find that the cursor is changed. All set, pick the color and apply it anywhere you want. You'll get the 'HEX codes ' of colors.
Video Tutorial

Outro

So, that was about this color picker tool. I hope you find this blog helpful. and I've added some important links below make sure to check them out. Thanks for reading❤️

Github Repo of Color Picker -> https://github.com/tuberry/color-picker

Tool link -> https://extensions.gnome.org/extension/3396/color-picker/

Top comments (0)