{"id":176912,"date":"2021-02-12T17:00:48","date_gmt":"2021-02-12T14:00:48","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/how-to-use-gpick-a-gui-color-picker-selection-tool-for-ubuntu-and-mint-cloudsavvy-it\/"},"modified":"2021-02-12T17:00:48","modified_gmt":"2021-02-12T14:00:48","slug":"how-to-use-gpick-a-gui-color-picker-selection-tool-for-ubuntu-and-mint-cloudsavvy-it","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/how-to-use-gpick-a-gui-color-picker-selection-tool-for-ubuntu-and-mint-cloudsavvy-it\/","title":{"rendered":"#How To Use Gpick, a GUI Color Picker &#038; Selection Tool for Ubuntu and Mint \u2013 CloudSavvy IT"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a36ec274f49c\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a36ec274f49c\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-use-gpick-a-gui-color-picker-selection-tool-for-ubuntu-and-mint-cloudsavvy-it\/#What_Is_a_Color_Picker\" >What Is a Color Picker?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-use-gpick-a-gui-color-picker-selection-tool-for-ubuntu-and-mint-cloudsavvy-it\/#Installing_Gpick\" >Installing Gpick<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-use-gpick-a-gui-color-picker-selection-tool-for-ubuntu-and-mint-cloudsavvy-it\/#Welcome_to_Gpick\" >Welcome to Gpick<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/buradabiliyorum.com\/en\/how-to-use-gpick-a-gui-color-picker-selection-tool-for-ubuntu-and-mint-cloudsavvy-it\/#Wrapping_up\" >Wrapping up<\/a><\/li><\/ul><\/nav><\/div>\n<p><strong>&#8220;#How To Use Gpick, a GUI Color Picker &amp; Selection Tool for Ubuntu and Mint \u2013 CloudSavvy IT&#8221;<\/strong><\/p>\n<div id=\"article-content-area\">\n<figure style=\"width: 700px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9599 size-full\" src=\"https:\/\/www.cloudsavvyit.com\/thumbcache\/0\/0\/29df4928a74dbb261ecb508500390f3f\/p\/uploads\/2021\/02\/c0d39c3b.png\" alt=\"\" width=\"700\" height=\"276\" data-crediturl=\"https:\/\/www.shutterstock.com\/image-vector\/abstract-colored-palette-guide-132669530\" data-credittext=\"Shutterstock\/Radu Bercan\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><figcaption class=\"wp-caption-text\"><span class=\"imagecredit\"><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.shutterstock.com\/image-vector\/abstract-colored-palette-guide-132669530\">Shutterstock\/Radu Bercan<\/a><\/span><\/figcaption><\/figure>\n<p>What is that color on the edge of that <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">app<\/a>lication? Is that red? Or Maroon, Burgundy or Bordeaux? Having a GUI (Desktop) based color picker is always handy! Find out how to install one that works and works well.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"What_Is_a_Color_Picker\"><\/span>What Is a <i>Color Picker<\/i>?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>A color picker, or color selection tool, allows you to easily discover what color a given pixel on your screen is. Perhaps you are working on a webpage and would like to match the background with that of another site but you do not know what the hex (hexadecimal) color number is. Or perhaps you\u2019re editing an illustration and would like to match the background to the overall color used in the profit graph you just inserted. A color picker can come in very handy here.<\/p>\n<p>A color picker is not always necessary; often graphic editing software include a color picker (often represented using an icon featuring a pipette) which can be used for in-app color picking. But what if you want to pick colors and transfer them between applications, or want to avoid having to take a screenshot and pasting it into your favorite graphic editor only to find out the color of something? This is where an external color picker app can shine.<\/p>\n<p>There is a great color picker which is easy to install and use on both Ubuntu and Mint: Gpick.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Installing_Gpick\"><\/span>Installing <i>Gpick<\/i><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To install <i>Gpick<\/i> on your Debian\/Apt based Linux distribution (Like Ubuntu and Mint), execute the following command in your terminal:<\/p>\n<p><code>sudo apt install gpick<\/code><\/p>\n<p>You can also install <i>Gpick<\/i> on your RedHat\/Yum based Linux distribution (Like RHEL, Centos and Fedora), by executing the following command in your terminal:<\/p>\n<p><code>sudo yum install gpick<\/code><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Welcome_to_Gpick\"><\/span>Welcome to <i>Gpick<\/i><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9482\" src=\"https:\/\/www.cloudsavvyit.com\/thumbcache\/0\/0\/67e990f9520c3e26154c3c314023b245\/p\/uploads\/2021\/02\/11524667.png\" alt=\"The Gpick main application interface window\" width=\"773\" height=\"470\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>When you open Gpick for the first time, the screen looks a bit complex. There is lots of options, things to click and things to explore. Gpick covers many different needs and it may not im<a href=\"https:\/\/buradabiliyorum.com\/en\/category\/social-mediaa\/\" data-internallinksmanager029f6b8e52c=\"1\" title=\"Social Media\" target=\"_blank\" rel=\"noopener\">media<\/a>tely be obvious how to simply grab a hex color code, or how to convert the same to RGB.<\/p>\n<p>To pick a color, you can locate the colorful pipette icon near the bottom right of the application:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9483\" src=\"https:\/\/www.cloudsavvyit.com\/thumbcache\/0\/0\/3b1c3f727542d830c16c63dbcb198a8e\/p\/uploads\/2021\/02\/5df14d26.png\" alt=\"The Gpick color picker icon at the bottom right of the main application interface\" width=\"167\" height=\"75\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>If you click this (number 1 in the image below), you will see that your mouse cursor changes to a cross hair and you will also get a small extra dialog window which shows a zoomed in version (number 3 in the image) of the pixels underneath the cursor (the cross hair, number 2 in the image) while you are moving around, as well as the hexadecimal (hex) color code (number 4 in the image) for the pixel directly under the cross hair cursor. First mission accomplished!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9484\" src=\"https:\/\/www.cloudsavvyit.com\/thumbcache\/0\/0\/5ad825d1385446815e0d9adb94fa7693\/p\/uploads\/2021\/02\/de98f958.png\" alt=\"Hexadecimal color codes being displayed in Gpick\" width=\"328\" height=\"287\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>One small tip to keep in mind is that sometimes hex color codes need to be reversed, 2-by-2 characters at the time, to be compatible with other applications. For example, if the readout is <code>112233<\/code> as hex color code, then another application may either take <code>112233<\/code> as input matching that color, or it may require the reverse namely <code>332211<\/code>.<\/p>\n<p>Now that we have the ability to easily obtain hex color codes, a deemed shortcoming quickly becomes apparent: \u201cdo I have to use a peace of paper to write down the hex codes while I am working on this and browsing around?\u201d.<\/p>\n<p>The answer is no. However, an additional setting needs to be made for this; when clicking the mouse on your current pixel, the value will not be stored and thus lost. Let\u2019s setup Gpick to remember color codes.<\/p>\n<p>To do so, one can go to the Edit &gt; Preferences menu, and select the second tab titled \u2018Picker\u2019. In this tab, we click \u2018Add to palette\u2019 and \u2018Copy to clipboard\u2019 (if you would like to do so) under \u2018Floating picker click behavior\u2019:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9485\" src=\"https:\/\/www.cloudsavvyit.com\/thumbcache\/0\/0\/6b434408c52854e6afdec38f15fefe07\/p\/uploads\/2021\/02\/b17af22e.png\" alt=\"Setting options in Gpick to enable adding hex color codes to the palette and the clipboard\" width=\"500\" height=\"536\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Now, after clicking \u2018OK\u2019, let us try the color picker again a few times, and we will notice that colors are now being stored in the right.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9486\" src=\"https:\/\/www.cloudsavvyit.com\/thumbcache\/0\/0\/5cd33ec9a77b8c44d3134bc27126ca39\/p\/uploads\/2021\/02\/86f56f14.png\" alt=\"A palette of colors picked in Gpick\" width=\"773\" height=\"470\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Great! Now that we have this list of colors, we can readily convert these color to other color formats. For example, if we want to transform our hex value to RGB (Red-Green-Blue) values, all we have to do is double click our color and open the RGB tree branch to the left of it, by clicking the right-pointing triangle in front of <i>RGB<\/i>.<\/p>\n<p>Importantly, note that is necessary to double click a hex color value to convert it. If you click it only once, the value will be selected, but not converted! This easily leads to mistakes as it seems another color value is selected whereas the values being shown in the translated color values (i.e. RGB in our case) are still from the last double-clicked hex color value!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9487\" src=\"https:\/\/www.cloudsavvyit.com\/thumbcache\/0\/0\/24bab7464396c06fd44ea444eeaccddf\/p\/uploads\/2021\/02\/e536f0b6.png\" alt=\"The RGB values for a hex based color value (transformed) in Gpick\" width=\"773\" height=\"470\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"Wrapping_up\"><\/span>Wrapping up<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Having a great color picking utility handy, ready for use when it is necessary, allows one to more readily and easily transfer color values from one application to another, keep a record of previously seen colors, and research and transform colors in various ways. It also allows one to convert color values easily between different formats and much more.<\/p>\n<p>Gpick shines when it comes to color picking and management, and we have looked at how to install and use this great utility. <strong>Enjoy!<\/strong><\/p>\n<p>Now that you are all set to pick the best colors, it\u2019s perhaps time to consider a more serious aspect of digital life: never loosing 2FA\/MFA access. If that is of interest, you may like to read\u00a0The Trick to (Almost) Never Losing 2FA \/ MFA Access next!\n<\/p><\/div>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.cloudsavvyit.com\/9481\/how-to-use-gpick-a-gui-color-picker-selection-tool-for-ubuntu-and-mint\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#How To Use Gpick, a GUI Color Picker &amp; Selection Tool for Ubuntu and Mint \u2013 CloudSavvy IT&#8221; Shutterstock\/Radu Bercan What is that color on the edge of that application? Is that red? Or Maroon, Burgundy or Bordeaux? Having a GUI (Desktop) based color picker is always handy! Find out how to install one that&#8230;<\/p>\n","protected":false},"author":1,"featured_media":176913,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.cloudsavvyit.com\/thumbcache\/0\/0\/29df4928a74dbb261ecb508500390f3f\/p\/uploads\/2021\/02\/c0d39c3b.png","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-176912","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/176912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=176912"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/176912\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/176913"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=176912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=176912"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=176912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}