{"id":43105,"date":"2022-09-13T16:49:48","date_gmt":"2022-09-13T16:49:48","guid":{"rendered":"https:\/\/ubuntuhandbook.org\/?p=43105"},"modified":"2022-09-13T16:49:48","modified_gmt":"2022-09-13T16:49:48","slug":"eyedropper-gtk4-color-picker","status":"publish","type":"post","link":"https:\/\/ubuntuhandbook.org\/index.php\/2022\/09\/eyedropper-gtk4-color-picker\/","title":{"rendered":"Eyedropper &#8211; Modern GTK4 HEX, RGB, HSL Color Picker Tool for Linux"},"content":{"rendered":"<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-logo.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-43106\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-logo-250x250.webp\" alt=\"\" width=\"250\" height=\"250\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-logo-250x250.webp 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-logo-300x300.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-logo-600x600.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-logo-768x768.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-logo.webp 1200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>Looking for a color picker tool for Linux? Try Eyedropper, a new GTK4 application that looks native in modern GNOME desktop.<\/p>\n<p>It&#8217;s a free and open-source tool written in Rust programming language. Which, provides an easy to use interface to pick a color and display in <b>HEX<\/b>, <b>RGB<\/b>, <b>HSV<\/b>, <b>HSL<\/b>, <b>CMYK<\/b>, <b>XYZ<\/b> and <b>CIE-Lab<\/b> formats, as well as handy &#8220;Copy to clipboard&#8221; icons to quickly copy the values.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-light.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43108\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-light-600x422.webp\" alt=\"\" width=\"600\" height=\"422\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-light-600x422.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-light-300x211.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-light.webp 650w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>User can either use the header-bar picker icon, or click on color bar to open the template for choosing colors. And, edit color by changing the HEX value.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/color-picker.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43109\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/color-picker-600x428.webp\" alt=\"\" width=\"600\" height=\"428\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/color-picker-600x428.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/color-picker-300x214.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/color-picker.webp 606w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>The preferences dialog has options to toggle which color values to display. By setting &#8220;Alpha-Value-Position&#8221;, it can enable the <b>alpha channel<\/b> (opacity of a color). However, it&#8217;s only available by editing the HEX value so far.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-pre.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43111\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-pre-600x600.webp\" alt=\"\" width=\"600\" height=\"600\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-pre-600x600.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-pre-300x300.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-pre-250x250.webp 250w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-pre.webp 726w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Depends on Alpha-Value-Position option you set, either the first 2 or last 2 values in HEX code applies the color opacity. Though, the alpha channel so far does not work for other color formats!<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-dark.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43110\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-dark-600x416.webp\" alt=\"\" width=\"600\" height=\"416\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-dark-600x416.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-dark-300x208.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/eyedropper-dark.webp 690w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>How to install Eyedropper<\/h3>\n<p>The app is available to install in most Linux via universal Flatpak package.<\/p>\n<p>1. First, <a href=\"https:\/\/flatpak.org\/setup\/\" target=\"_blank\" rel=\"noopener\">follow the setup guide<\/a> to enable Flatpak support. Ubuntu 20.04 | 22.04 can simply press Ctrl+Alt+T to open terminal and run command to enable it:<\/p>\n<pre>sudo apt install flatpak<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-39141\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/apt-flatpak-jammy-600x229.webp\" alt=\"\" width=\"600\" height=\"229\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/apt-flatpak-jammy-600x229.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/apt-flatpak-jammy-300x115.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/apt-flatpak-jammy-768x294.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/04\/apt-flatpak-jammy.webp 777w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>2. Then, go to the Github releases page. Click expand &#8220;<b>Assets<\/b>&#8221; section of the latest release and select download the <code>.flatpak<\/code> package.<\/p>\n<div class=\"wp-block-buttons aligncenter\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background\" href=\"https:\/\/github.com\/FineFindus\/eyedropper\/releases\" target=\"_blank\" rel=\"noreferrer noopener\">Download Eyedropper<\/a><\/div>\n<\/div>\n<p>Finally, install the package via command:<\/p>\n<pre>cd ~\/Downloads &amp;&amp; flatpak install com.github.finefindus.eyedropper.flatpak<\/pre>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/flatpak-eyedropper.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-43112\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/flatpak-eyedropper-600x407.webp\" alt=\"\" width=\"600\" height=\"407\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/flatpak-eyedropper-600x407.webp 600w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/flatpak-eyedropper-300x203.webp 300w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/flatpak-eyedropper-768x521.webp 768w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/flatpak-eyedropper.webp 786w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>The app is also available in <a href=\"https:\/\/flathub.org\/apps\/details\/com.github.finefindus.eyedropper\" target=\"_blank\" rel=\"noopener\">Flathub repository<\/a>, so you can also run the command below in terminal to install the package:<\/p>\n<pre>flatpak install https:\/\/dl.flathub.org\/repo\/appstream\/com.github.finefindus.eyedropper.flatpakref<\/pre>\n<p>After installation, search for and open it from &#8216;Activities&#8217; overview just like native applications.<\/p>\n<p><a href=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/open-eyedroper.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/open-eyedroper.webp\" alt=\"\" width=\"492\" height=\"272\" class=\"aligncenter size-full wp-image-43113\" srcset=\"https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/open-eyedroper.webp 492w, https:\/\/ubuntuhandbook.org\/wp-content\/uploads\/2022\/09\/open-eyedroper-300x166.webp 300w\" sizes=\"auto, (max-width: 492px) 100vw, 492px\" \/><\/a><\/p>\n<h3>Uninstall Eyedropper<\/h3>\n<p>To remove the tool, open a terminal window and run command:<\/p>\n<pre>flatpak uninstall --delete-data com.github.finefindus.eyedropper<\/pre>\n<p>Also clean up useless run-time libraries (if any) via <code>flatpak uninstall --unused<\/code>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Looking for a color picker tool for Linux? Try Eyedropper, a new GTK4 application that looks native in modern GNOME desktop. It&#8217;s a free and open-source tool written in Rust programming language. Which, provides an easy to use interface to pick a color and display in HEX, RGB, HSV, HSL, CMYK, XYZ and CIE-Lab formats, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":43106,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[1734],"class_list":["post-43105","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howtos","tag-color-picker"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/43105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/comments?post=43105"}],"version-history":[{"count":0,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/posts\/43105\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media\/43106"}],"wp:attachment":[{"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/media?parent=43105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/categories?post=43105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubuntuhandbook.org\/index.php\/wp-json\/wp\/v2\/tags?post=43105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}