How to duplicate colors with the Color Picker software in PowerToys

Duplicate your favorite colors with Color Picker

Lance Whitney/Screenshot

No matter if you are a graphic designer, a web developer, or a programmer, in some cases you need to precisely replicate a shade you see on the screen to use in your perform. And just one resource up for the work is Coloration Picker, courtesy of Microsoft’s totally free PowerToys.

Also: How to use the cost-free PowerToys FancyZones in Home windows (and why you must)

With Shade Picker, you use an eyedropper to pick out a specific color on the screen. From there, the application identifies the shade and translates it into distinct values, together with RGB, HEX, and CMYK. The default value is copied to the Home windows clipboard, exactly where you can paste it into a graphic or internet style method or insert it into your code.

I’ve turned to Color Picker when I need a precise shade for editing illustrations or photos or tweaking code for a webpage, and it truly is proven to be a practical, time-conserving instrument. Here’s how it works.

Also: How to copy colors on macOS with Technique Shade Picker

Allow Color Picker

  1. If you do not already have PowerToys, download and install the PowerToysSetup.exe file from the program’s GitHub page.
  2. Open the PowerToys Configurations window by double-clicking its Process Tray icon.
  3. Choose the entry for Coloration Picker and make confident its swap is turned on (Figure 1).
Enable Color Picker

Lance Whitney/Screenshot

Tweak Colour Picker

  1. Right before you start off employing Coloration Picker, evaluation its options to see if there are any you want to tweak. By default, the shortcut to activate Color Picker is Home windows critical+Shift+C. If you want to use a various shortcut, simply click the pencil icon for Activation shortcut and try out a different mixture. But keep in intellect that the shortcut need to start with the Home windows key, Ctrl, Alt, or Shift (Figure 2).
Choose activation shortcut for Color Picker

Lance Whitney/Screenshot

2. By default, pressing the activation shortcut opens Shade Picker, lets you choose a coloration, and then takes you to the editor for more actions. By clicking the dropdown menu for Activation habits, you can improve the reaction to opening the editor straight or only choosing a shade. But the default actions is effective very best for most situations.

3. In the segment for Picker habits, you can opt for the default format for the color you pick, that means the price that is copied to the clipboard. When working with an application or world-wide-web structure code, HEX is usually the most frequently applied structure, so it can be the default. But you can simply click the dropdown for Default shade format to change it to a various structure (Figure 3).


Lance Whitney/Screenshot

4. Past looking at the HEX price or other format, I constantly like to see the title of the shade I decide. To permit this, flip on the switch for Exhibit colour name.

5. That can take us to the Editor segment. Here is exactly where you can specify which coloration formats should surface in the editor, so you have a alternative of making use of other values over and above the default. At a bare minimum, I normally select HEX, RGB, and CMYK. But other formats are available for a lot more specialized reasons. Switch on the switch for any format you want to see. Simply click the ellipsis icon next to a specific format you’ve decided on, and you can go it up or down in the list that appears in the editor (Figure 4).

Select the color formats to appear in the editor

Lance Whitney/Screenshot

Use Colour Picker

Now it can be time to choose Shade Picker for a check drive. Let us say you might be building code for an software or web page, or you might be attempting to replicate a color to use in a graphic method. You like a coloration you see someplace on the screen.

  1. Push the shortcut for Coloration Picker. The picker aspect of the application seems (Determine 5).
Pick a color

Lance Whitney/Screenshot

2. Transfer your mouse cursor till it is precisely on the coloration you want to pick. Often nailing the exact shade is tough if the section with that shade is incredibly smaller or too near to encompassing shades. In that situation, Colour Picker will enable you zoom in on the location to decide on the coloration much more simply. Go your mouse’s scroll wheel or use two-finger swiping on a trackpad to zoom in on the place (Determine 6).

Zoom in on a color

Lance Whitney/Screenshot

3. When prepared, click your mouse to seize that colour.

4. The price of the default structure is copied to the clipboard, and the editor pops up, displaying you the values in all the formats you enabled (Figure 7).

Editor shows the color values

Lance Whitney/Screenshot

5. If you just need to have the value for the default structure, simply just paste it into your graphic or website code. If you want the price for a different format, simply click the Copy to clipboard button future to it and then paste that worth in which you have to have it (Determine 8).

Copy color to clipboard

Lance Whitney/Screenshot

6. What if you want to modify the shade? The coloration you picked appears in the middle of the bar at the best. Click that part on the bar, and one more editor pops up the place you can manually refine the HSV (Hue, Saturation, Value) by dragging the 3 different sliders or the RGB or HEX values by transforming the numbers (Determine 9).

Modify selected color

Lance Whitney/Screenshot

7. What if you want a variation of the coloration you picked? See that the bar at the major displays the shade you chosen together with lighter and darker variants. Click on one of the versions to pick it and modify it or copy it to the clipboard (Figure 10).

View variations of selected color

Lance Whitney/Screenshot

8. Ultimately, as you choose further colours, just about every one particular appears on the remaining side of the editor. Scroll down the listing of preceding hues if you desire to return to a person that you chosen in the previous (Determine 11).

View previous colors

Lance Whitney/Screenshot

Related posts