Pubblicato il 21/08/16 - aggiornato il  | Nessun commento :

Come trovare il codice di un colore cliccandoci sopra.

Come estrarre il codice di un colore cliccandoci sopra con il cursore usando il tool gratuito Selettore colore di PicPick.
Certamente sarete a conoscenza che i colori nel web sono individuati da particolari codici dei colori secondo le regole del modello HEX esadecimale, RGB o HSB. Tali codici determinano in modo univoco i colori. La rappresentazione parte da tre colori primari che possono essere mischiati in quantità variabili che vanno da 0 a 255 per un totale di 256x256x256= 16777216 colori che sono in numero superiore a quelli percepibili dall'occhio umano.

Nel programma Photoshop e in altri software grafici esiste lo strumento Contagocce che serve per estrarre il codice del colore del pixel su cui si clicca con il mouse. Lo strumento gratuito PicPick che abbiamo già visto utile per misurare le dimensioni degli elementi di una pagina web offre anche il tool Selettori colori che funziona proprio come il Contagocce di Photoshop o Gimp.

Dopo aver installato PicPick dalla sua pagina di download verrà mostrata una icona nella Barra delle Applicazioni. Cliccandoci sopra con il destro del mouse si visualizzeranno tutti gli strumenti

selettore-colori-picpick

Si clicca su Selettore colori. Il puntatore del cursore muterà forma e prenderà quella del contagocce. Ho pubblicato sul mio Canale Youtube tutta la procedura per utilizzare questo tool


Si clicca con tale cursore sul pixel da cui estrarre il codice del colore

selettore-colori-picpick-zoom

In alto a sinistra si visualizzerà uno zoom per una maggiore precisione del click. Nello zoom sarà già visibile il codice del colore ma cliccando verrà aperta la tavolozza o Palette dei colori 

palette-colori-picpick

Si visualizzeranno i codici del colore HTML in HEX, RGB e HSB. Andando sulla freccetta si potrà passare da HTML a html per avere i codici in minuscolo oppure a C++ per i codici in quel modello. Cliccando su Copia il codice visualizzato nel campo evidenziato di giallo sarà copiato negli Appunti per poi essere incollato in un file di testo o in una tavolozza di un software di grafica


Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy