<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Erick Saavedra</title>
    <description>The latest articles on Forem by Erick Saavedra (@esvdrah).</description>
    <link>https://forem.com/esvdrah</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F433918%2Ffc7ae389-098e-48f7-8d99-cf610c1ab9e5.jpeg</url>
      <title>Forem: Erick Saavedra</title>
      <link>https://forem.com/esvdrah</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/esvdrah"/>
    <language>en</language>
    <item>
      <title>How to customize PowerShell</title>
      <dc:creator>Erick Saavedra</dc:creator>
      <pubDate>Sun, 03 Oct 2021 22:29:33 +0000</pubDate>
      <link>https://forem.com/esvdrah/how-to-customize-powershell-3moa</link>
      <guid>https://forem.com/esvdrah/how-to-customize-powershell-3moa</guid>
      <description>&lt;h2&gt;
  
  
  First steps
&lt;/h2&gt;

&lt;p&gt;Install &lt;a href="https://aka.ms/terminal" rel="noopener noreferrer"&gt;New Terminal&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;There are different themes and settings for a nice look of your terminal. Many of these themes use special icons that are just for the purpose of customization (e.g github icon). And to avoid problems with the rendering of these icons and not have these annoying  '▯' in console. &lt;/p&gt;

&lt;p&gt;First we will start by installing a font with all these icons already included. The particular font is called &lt;a href="https://github.com/ryanoasis/nerd-fonts/releases/download/v2.1.0/Meslo.zip" rel="noopener noreferrer"&gt;Meslo Nerd Font&lt;/a&gt;. And it belongs to our friends at &lt;a href="https://www.nerdfonts.com/#home" rel="noopener noreferrer"&gt;Nerd Fonts&lt;/a&gt;, you can check out more fonts by checking out there page.&lt;/p&gt;

&lt;p&gt;Extract the files and choose the source:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F20mvcf2zz5skh8a4jzs0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F20mvcf2zz5skh8a4jzs0.png" alt="Meslo Nerd Font" width="450" height="213"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We install the font:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fiv94mah90b36ac5qeyb5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fiv94mah90b36ac5qeyb5.png" alt="Meslo Nerd Font Install" width="800" height="320"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Once the font has been installed we proceed to customize PowerShell.&lt;/p&gt;

&lt;h2&gt;
  
  
  Customizing PowerShell
&lt;/h2&gt;

&lt;p&gt;To avoid problems with PowerShell when executing certain scripts we run this with administrator permissions from the PowerShell console:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope LocalMachine
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  PowerShell prerequisites
&lt;/h3&gt;

&lt;p&gt;If you don't already have it, &lt;a href="https://git-scm.com/downloads" rel="noopener noreferrer"&gt;install Git for Windows&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Using PowerShell, install Posh-Git and Oh-My-Posh:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Install-Module posh-git -Scope CurrentUser
Install-Module oh-my-posh -Scope CurrentUser
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Customize your PowerShell prompt
&lt;/h3&gt;

&lt;p&gt;Open your PowerShell profile with &lt;code&gt;notepad $PROFILE&lt;/code&gt; or the text editor of your choice.&lt;/p&gt;

&lt;p&gt;In your PowerShell profile, add the following to the end of the file:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Import-Module posh-git
Import-Module oh-my-posh
Set-PoshPrompt -Theme name-theme
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Replace "name-theme" with the name of the theme of your choice (e.g. agnoster). &lt;a href="https://ohmyposh.dev/docs/themes" rel="noopener noreferrer"&gt;Themes!&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now you only have to restart or close and open the terminal again, to see the changes.&lt;/p&gt;

&lt;h2&gt;
  
  
  Customize your  terminal
&lt;/h2&gt;

&lt;p&gt;Open the terminal settings:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fapu923md2vddq1wpircg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fapu923md2vddq1wpircg.png" alt="Config Terminal" width="800" height="331"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We go to the PowerShell section and configure it as we wish but choosing the previously installed source:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fekumh2dryfy8dy2q0l4w.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fekumh2dryfy8dy2q0l4w.png" alt="Config Terminal" width="800" height="452"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We save all the changes, close and reopen the terminal and that's it. We have our configuration on screen:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuvotsh1zpuib2or650fh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuvotsh1zpuib2or650fh.png" alt="Config Terminal" width="800" height="243"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I know. It looks horrible all that copyright marking next to my settings. Just one more thing and we're done.&lt;/p&gt;

&lt;p&gt;We open again the terminal configuration, and choose "Open JSON file":&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi1i7qxgi3og9ektiipag.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi1i7qxgi3og9ektiipag.png" alt="Config Terminal" width="800" height="542"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now with your favorite editor (mine vscode) we edit the configuration part with PowerShell adding "-nologo":&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4kpstwsujtd62u7bjw7z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4kpstwsujtd62u7bjw7z.png" alt="Config Terminal" width="800" height="466"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And now we have it, our terminal clean and beautiful:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4te2jianfpxo0sljhmsp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4te2jianfpxo0sljhmsp.png" alt="Config Terminal" width="800" height="280"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Note:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;To have the same configuration in the vscode integrated terminal we have to add this in the .json file of the settings:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;  {
      "terminal.integrated.fontFamily": "MesloLGM NF",
      "terminal.integrated.shellArgs.windows": "-NoLogo"
  }
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;If you still have problems with icon rendering, you can try installing this font &lt;a href="https://github.com/ryanoasis/nerd-fonts/releases/download/v2.1.0/CascadiaCode.zip" rel="noopener noreferrer"&gt;Caskaydia Cove Nerd Font&lt;/a&gt; and configuring it on your terminal. Otherwise you can try any of the others in their &lt;a href="https://www.nerdfonts.com/font-downloads" rel="noopener noreferrer"&gt;Nerd Fonts List&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Thanks for making it this far, if you have any questions feel free to leave them in the comments. 🎉&lt;/p&gt;

</description>
      <category>tutorial</category>
      <category>writing</category>
      <category>powershell</category>
    </item>
    <item>
      <title>Rubymine, add a Ruby interpreter using WSL.</title>
      <dc:creator>Erick Saavedra</dc:creator>
      <pubDate>Sun, 29 Aug 2021 02:33:25 +0000</pubDate>
      <link>https://forem.com/esvdrah/rubymine-add-a-ruby-interpreter-using-wsl-553p</link>
      <guid>https://forem.com/esvdrah/rubymine-add-a-ruby-interpreter-using-wsl-553p</guid>
      <description>&lt;p&gt;I've been playing with Windows Subsystem Linux or &lt;a href="https://docs.microsoft.com/en-us/windows/wsl/" rel="noopener noreferrer"&gt;WSL&lt;/a&gt; for a while now and the advantages of having a working Linux kernel inside my OS (Windows 10). Among which is to be able to configure the Ruby interpreter for my IDE (&lt;a href="https://www.jetbrains.com/ruby/" rel="noopener noreferrer"&gt;Rubymine&lt;/a&gt;) with the version of Ruby that I have installed in my wsl. For it I will continue with graphs that help in this configuration.&lt;/p&gt;

&lt;h2&gt;
  
  
  Add an interpreter
&lt;/h2&gt;

&lt;p&gt;1: Open the &lt;strong&gt;Settings / Preferences&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;2: In the &lt;strong&gt;Ruby SDK and Gems&lt;/strong&gt; page, click the &lt;strong&gt;+&lt;/strong&gt; button and select &lt;strong&gt;New remote&lt;/strong&gt;:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyl1laanlozjzi6ai1ucf.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fyl1laanlozjzi6ai1ucf.png" alt="Rubymine config" width="608" height="323"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;3: Provide a path to the Ruby executable, for example:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;/home/&lt;strong&gt;user-name&lt;/strong&gt;/.rvm/rubies/ruby-&lt;strong&gt;X.X.X&lt;/strong&gt;/bin/ruby for Ruby installations usin &lt;a href="https://rvm.io/" rel="noopener noreferrer"&gt;rvm&lt;/a&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;/home/&lt;strong&gt;user-name&lt;/strong&gt;/.rbenv/versions/&lt;strong&gt;X.X.X&lt;/strong&gt;/bin/ruby for Ruby installations using &lt;a href="https://github.com/rbenv/rbenv" rel="noopener noreferrer"&gt;rbenv&lt;/a&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdw18aa3uiumguquiv7g6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdw18aa3uiumguquiv7g6.png" alt="Rubymine config" width="609" height="211"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;4: Udpate the interpreter path:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Ruby or version manager path: /home/&lt;strong&gt;user-name&lt;/strong&gt;/.rbenv/versions/&lt;strong&gt;X.X.X&lt;/strong&gt;/bin/ruby&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Summary
&lt;/h2&gt;

&lt;p&gt;In this simple way we can take advantage of WSL to work with Ruby in a more efficient and comfortable way. In addition you can install the &lt;a href="https://www.microsoft.com/es-cl/p/windows-terminal/9n0dx20hk701?rtc=1&amp;amp;activetab=pivot:overviewtab" rel="noopener noreferrer"&gt;New Windows Terminal&lt;/a&gt; to work with bash, powershell, cmd and others.&lt;/p&gt;

&lt;p&gt;Thanks you for making it this far \o/.&lt;/p&gt;

</description>
      <category>ruby</category>
      <category>wsl</category>
      <category>rubymine</category>
    </item>
    <item>
      <title>How to have a color picker in Windows fast and easy.</title>
      <dc:creator>Erick Saavedra</dc:creator>
      <pubDate>Fri, 06 Aug 2021 15:57:37 +0000</pubDate>
      <link>https://forem.com/esvdrah/how-to-have-a-color-picker-in-windows-fast-and-easy-58a5</link>
      <guid>https://forem.com/esvdrah/how-to-have-a-color-picker-in-windows-fast-and-easy-58a5</guid>
      <description>&lt;p&gt;Many times its is very tedious to find the code of a specific color when you are searching the web. Whether it is for any work we are doing, be it a software interface or an advertising design among others.&lt;/p&gt;

&lt;p&gt;Microsoft  has had a lot of positive changes, since they started "embracing" open sourse. They have been adding many great things like &lt;a href="https://docs.microsoft.com/en-us/windows/wsl/install-win10" rel="noopener noreferrer"&gt;wsl2&lt;/a&gt; and &lt;a href="https://docs.microsoft.com/en-us/windows/package-manager/" rel="noopener noreferrer"&gt;winget&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Now let's focus on a productivity tool called &lt;a href="https://docs.microsoft.com/en-us/windows/powertoys/" rel="noopener noreferrer"&gt;Microsoft PowerToys&lt;/a&gt;. It adds many features that add "superpowers" to the windows system as such. Among those features is a color picker that works great for any image or within the screen layout. &lt;/p&gt;

&lt;p&gt;Here are some images:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fad85ddaucuo63g0rdz4a.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fad85ddaucuo63g0rdz4a.png" alt="color-picker" width="800" height="388"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;(Selecting a random color.)&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F01q4ktmph9ceypbmyeyk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F01q4ktmph9ceypbmyeyk.png" alt="color-picker-1" width="394" height="379"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;(When selecting a color, this window shows the color code and its variants.)&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Now that we have seen the tool in action, let's see how to get it on our system. To do this we need to meet certain requirements before we can install it.&lt;/p&gt;

&lt;h2&gt;
  
  
  Requirements:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Windows 10 1803 (build 17134) or later.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://dotnet.microsoft.com/download/dotnet-core/thank-you/runtime-desktop-3.1.4-windows-x64-installer" rel="noopener noreferrer"&gt;.NET Core 3.1 Desktop Runtime&lt;/a&gt;. The PowerToys installer will handle this requirement.&lt;/li&gt;
&lt;li&gt;x64 architecture currently supported. ARM and x86 support to become available at a later date.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Installing:
&lt;/h2&gt;

&lt;p&gt;There are many ways to install Microsoft PowerToys. The easiest of all is to go to their repository on &lt;a href="https://github.com/microsoft/PowerToys/releases" rel="noopener noreferrer"&gt;GitHub&lt;/a&gt;, then download the &lt;strong&gt;.exe&lt;/strong&gt; package and install it from that file.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcrg4isx2rits6rjuh67y.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcrg4isx2rits6rjuh67y.png" alt="color-picker-2" width="800" height="167"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;(installable files).&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Direct link here: &lt;a href="https://github.com/microsoft/PowerToys/releases/download/v0.43.0/PowerToysSetup-0.43.0-x64.exe" rel="noopener noreferrer"&gt;PowerToysSetup-0.43-x64.exe&lt;/a&gt; &lt;/p&gt;

&lt;p&gt;Once installed, we proceed to run the program. And in configuration we choose to always run the program as administrator.&lt;/p&gt;

&lt;p&gt;Then we focus on the feature &lt;strong&gt;Color Picker&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwf5y4oqyyjpwafppccv2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwf5y4oqyyjpwafppccv2.png" alt="color-picker-3" width="800" height="493"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;(Setup Windows PowerToys.)&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;As you can see, we can activate this feature with the key combination: &lt;strong&gt;Win + Shift + C&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;We can also choose the output format, among which we have:  &lt;strong&gt;HEX (default), RGB, HSL, HSV, CMYK, HSB, HSI, HWB y Ncol&lt;/strong&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Summary
&lt;/h3&gt;

&lt;p&gt;With Windows PowerToys we can add many new features to our system. With it an excellent color selector. With which we can speed up the production of any work we are doing with just a couple of key combinations &lt;strong&gt;Win + Shift + C&lt;/strong&gt;, and show in the range of formats that we have the one we want.&lt;/p&gt;

&lt;p&gt;If you have been able to observe 👀 there are many other cool features, which I will leave for you to take a closer look at.&lt;/p&gt;

&lt;p&gt;Thanks for making it this far \o/.&lt;/p&gt;

</description>
      <category>windows</category>
      <category>tutorial</category>
      <category>color</category>
    </item>
  </channel>
</rss>
