Come copiare i colori con lo strumento Color Picker in PowerToys

Che tu sia un grafico, uno sviluppatore web o un programmatore, a volte devi duplicare con precisione un colore che vedi sullo schermo da utilizzare nel tuo lavoro. E uno strumento per il lavoro è Color Picker, per gentile concessione dei PowerToys gratuiti di Microsoft.

Anche:Come utilizzare i PowerToys FancyZones gratuiti in Windows (e perché dovresti)

Con Color Picker, usi un contagocce per selezionare un colore specifico sullo schermo. Da lì, l'app identifica il colore e lo traduce in diversi valori, inclusi RGB, HEX e CMYK. Il valore predefinito viene copiato negli appunti di Windows, dove è possibile incollarlo in un programma di progettazione grafica o web o inserirlo nel codice.

Mi sono rivolto a Color Picker quando ho bisogno di un colore specifico per modificare le immagini o modificare il codice per una pagina Web e si è dimostrato uno strumento utile e che fa risparmiare tempo. Ecco come funziona.

Anche: Come copiare i colori su macOS con System Color Picker

Abilita il selettore colore

1. Se non hai già PowerToys, scarica e installa il file PowerToysSetup.exe da la pagina GitHub del programma.
2. Apri la finestra delle impostazioni di PowerToys facendo doppio clic sull'icona nella barra delle applicazioni.
3. Seleziona la voce per Color Picker e assicurati che il suo interruttore sia acceso (Figura 1).

Modifica il selettore colore

1. Prima di iniziare a utilizzare Color Picker, rivedi le sue impostazioni per vedere se ce ne sono che vuoi modificare. Per impostazione predefinita, la scorciatoia per attivare Color Picker è il tasto Windows+Maiusc+C. Se preferisci utilizzare una scorciatoia diversa, fai clic sull'icona della matita per Scorciatoia di attivazione e prova una combinazione diversa. Ma tieni presente che il collegamento deve iniziare con il tasto Windows, Ctrl, Alt o Maiusc (figura 2).

2. Per impostazione predefinita, premendo il collegamento di attivazione si apre Color Picker, ti consente di scegliere un colore e quindi ti porta all'editor per ulteriori azioni. Facendo clic sul menu a discesa per Comportamento di attivazione, puoi modificare la risposta all'apertura diretta dell'editor o solo selezionando un colore. Ma il comportamento predefinito funziona meglio per la maggior parte delle situazioni.

3. Nella sezione per il comportamento del selettore, puoi scegliere il formato predefinito per il colore che scegli, ovvero il valore che viene copiato negli appunti. Quando si lavora con un'applicazione o un codice di web design, HEX è in genere il formato più comunemente utilizzato, quindi è l'impostazione predefinita. Ma puoi fare clic sul menu a discesa per Formato colore predefinito per cambiarlo in un formato diverso (Figura 3).

4. Oltre a vedere il valore HEX o altro formato, mi piace sempre vedere il nome del colore che scelgo. Per abilitarlo, attiva l'interruttore per Mostra il nome del colore.

5. Questo ci porta alla sezione Editor. Qui è dove puoi specificare quali formati di colore dovrebbero apparire nell'editor, quindi puoi scegliere di utilizzare altri valori oltre a quelli predefiniti. Come minimo, di solito seleziono HEX, RGB e CMYK. Ma altri formati sono disponibili per scopi più specializzati. Attiva l'interruttore per qualsiasi formato che desideri visualizzare. Fai clic sull'icona con i puntini di sospensione accanto a un formato specifico che hai scelto e puoi spostarlo in alto o in basso nell'elenco visualizzato nell'editor (Figura 4).

Usa il selettore colore

Ora è il momento di fare un giro di prova con Color Picker. Supponiamo che tu stia creando codice per un'applicazione o un sito Web o che tu stia tentando di duplicare un colore da utilizzare in un programma di grafica. Ti piace un colore che vedi da qualche parte sullo schermo.

1. Premi la scorciatoia per Color Picker. Viene visualizzata la parte selettore del programma (Figura 5).

2. Sposta il cursore del mouse finché non si trova esattamente sul colore che desideri selezionare. A volte inchiodare il colore esatto è complicato se la sezione con quel colore è molto piccola o troppo vicina ai colori circostanti. In tal caso, Color Picker ti consentirà di ingrandire l'area per selezionare il colore più facilmente. Muovi la rotella di scorrimento del mouse o scorri con due dita su un trackpad per eseguire lo zoom avanti sul punto (Figura 6).

3. Quando sei pronto, fai clic con il mouse per catturare quel colore.

4. Il valore del formato predefinito viene copiato negli appunti e viene visualizzato l'editor che mostra i valori in tutti i formati abilitati (Figura 7).

5. Se hai solo bisogno del valore per il formato predefinito, incollalo semplicemente nel tuo codice grafico o web. Se desideri il valore per un formato diverso, fai clic su Copia negli appunti pulsante accanto ad esso e quindi incollare quel valore dove ne hai bisogno (Figura 8).

6. Cosa succede se si desidera modificare il colore? Il colore che hai scelto appare al centro della barra in alto. Fai clic su quella sezione sulla barra e viene visualizzato un altro editor in cui puoi perfezionare manualmente HSV (Tonalità, Saturazione, Valore) trascinando i tre diversi cursori o i valori RGB o HEX modificando il numeri (Figura 9).

7. E se volessi una variazione del colore che hai scelto? Si noti che la barra in alto mostra il colore selezionato insieme a variazioni più chiare e più scure. Fare clic su una delle varianti per selezionarla e modificarla o copiarla negli appunti (Figura 10).

8. Infine, mentre scegli altri colori, ognuno appare sul lato sinistro dell'editor. Scorri l'elenco dei colori precedenti se desideri tornare a quello che hai selezionato in passato (Figura 11).