Come Ottenere il Codice Esadecimale di un Colore Visualizzato sullo Schermo

In HTML e nei fogli di stile CSS, i colori vengono codificati utilizzando un valore esadecimale. Se stai creando una pagina web oppure stai lavorando a un altro progetto in HTML e hai la necessità di inserire un elemento grafico dalla colorazione identica a quella presente in un'immagine, in un sito web o visualizzato sullo schermo del computer, dovrai risalire al codice esadecimale corrispondente a quel colore. Questo articolo spiega come fare, utilizzando diversi strumenti gratuiti in grado di risolvere il problema in modo semplice e rapido.

Metodo 1

Metodo 1 di 4:

Usare il Colorimetro Digitale su Mac

Scarica PDF

Si tratta di uno strumento integrato nel sistema operativo macOS che è in grado di identificare il codice di qualsiasi colore visualizzato sullo schermo.^{[1]XFonte di ricerca} Apri una finestra di Finder, fai doppio clic sulla cartella Applicazioni, fai doppio clic sula cartella Utility e infine fai doppio clic sull'icona dell'app Colorimetro digitale per aprirlo.
2
Sposta il cursore del mouse sul colore che devi replicare. Mentre sposti il cursore, i valori visualizzati all'interno della finestra del Colorimetro digitale verranno aggiornati in tempo reale. Non spostare il puntatore del mouse dal punto che ti interessa finché non avrai bloccato sia l'apertura orizzontale sia quella verticale.
- Puoi utilizzare questo strumento per identificare il codice di un colore visualizzato anche in una pagina web. In questo caso, avvia Safari (o il browser che preferisci), poi visita il sito web in cui si trova il colore che vuoi replicare.
In questo modo, bloccherai l'apertura orizzontale e verticale del Colorimetro digitale. Questo significa che potrai spostare il mouse nel punto dello schermo che desideri senza che i valori rilevati dal programma vengano aggiornati.
Premi la combinazione di tasti ⇧ Shift+⌘ Command+C per copiare il codice esadecimale del colore all'interno degli appunti di sistema. In alternativa, accedi al menu Colore e scegli l'opzione Copia colore come testo.
Puoi incollarlo direttamente nel codice HTML a cui stai lavorando, in un file di testo oppure in qualsiasi altro campo.
Se hai la necessità di identificare un altro colore, premendo la combinazione di tasti indicata potrai eseguire la rilevazione: dovrai semplicemente spostare il cursore del mouse nel punto in cui è visibile la nuova tonalità da identificare.
Pubblicità

Metodo 2

Metodo 2 di 4:

Usare l'App Color Cop per Windows

Scarica PDF

1
Installa l'applicazione Color Cop. Si tratta di una piccola utility gratuita che permette di identificare il codice esadecimale di un qualsiasi colore visualizzato sullo schermo in modo semplice e rapido. Segui queste istruzioni per installare il programma:
- Visita il sito web ColorCop usando un browser;
- Clicca sul link colorcop-setup.exe visualizzato nella sezione "self-installing" – se il download del file non parte automaticamente, clicca sul pulsante Save oppure OK per avviare il download;
- Al termine del download, fai doppio clic sul file di installazione (dovrebbe essere memorizzato nella cartella Download, ma dovrebbe anche essere visibile nella parte inferiore sinistra della finestra del browser);
- Segui le istruzioni che appariranno a video per installare l'app sul computer.
La puoi trovare nel menu "Start".
In questo modo, è possibile identificare il codice esadecimale di qualsiasi tonalità di colore visualizzata sullo schermo, indipendentemente dal fatto che si tratti di un'applicazione o di una pagina web.
Quest'ultimo apparirà nel campo di testo collocato al centro della finestra dell'app.
In questo modo, il valore esadecimale verrà copiato negli appunti di sistema.
Premi la combinazione di tasti Ctrl + V per incollare il valore che hai copiato nel punto in cui desideri, per esempio all'interno di un codice HTML o in un foglio di stile CSS.
Pubblicità

Metodo 3

Metodo 3 di 4:

Usare il Sito Web Imagecolorpicker.com

Scarica PDF

Visita il sito web Imagecolorpicker usando il computer, lo smartphone o il tablet. Puoi utilizzare questo servizio web gratuito per identificare il codice esadecimale di qualsiasi colore presente in un'immagine. Questo metodo è compatibile con qualsiasi browser internet, inclusi quelli disponibili per dispositivi iOS e Android.
2
Carica un'immagine oppure inserisci un URL. Puoi effettuare il rilevamento caricando un'immagine che contiene il colore in esame oppure fornendo l'URL di una pagina web. In entrambi i casi, avrai la possibilità di selezionare il colore desiderato all'interno dell'immagine o della pagina web indicata.
- Per caricare un'immagine, scorri la pagina verso il basso e seleziona l'opzione Upload your image, accedi alla cartella del computer, dello smartphone o del tablet che contiene l'immagine da caricare e selezionala.
- Se vuoi usare una pagina web esistente, scorri la pagina verso il basso e scegli la voce "Use this box to get the HTML color code from a website", inserisci l'URL della pagina web da esaminare e clicca sul pulsante Take website.
- Se hai la necessità di usare un'immagine presente nel web, anziché una pagina web, inserisci l'URL dell'immagine all'interno del campo "Use this box to get the HTML color code from a picture via this URL", quindi clicca sul pulsante Take image.
Il codice esadecimale del colore selezionato verrà visualizzato nell'angolo inferiore sinistro dello schermo.
È caratterizzata da due quadrati leggermente sovrapposti. A questo punto, potrai incollare il codice del colore in qualsiasi documento o campo di testo.
Pubblicità

Metodo 4

Metodo 4 di 4:

Usare Firefox (per Identificare i Colori Presenti nel Web)

Scarica PDF

1
Avvia Firefox sul tuo PC o Mac. Firefox possiede uno strumento in grado di rilevare il codice esadecimale di qualsiasi colore visualizzato all'interno di una pagina web. Se hai installato Firefox sul computer, avvialo cliccando sull'icona corrispondente che trovi nel menu "Start" (in Windows) o nella cartella "Applicazioni" (su Mac).
- Puoi scaricare gratuitamente il file di installazione di Firefox da questo URL: https://www.mozilla.org/it-IT/firefox.
- Firefox può fornirti solo il codice esadecimale di un colore che è visualizzato all'interno di una pagina web; non potrai usarlo per risalire a un colore presente al di fuori della finestra del browser.
Assicurati che l'elemento contenente il colore in oggetto sia visibile nella finestra di Firefox.
È caratterizzato da tre linee orizzontali parallele fra loro ed è collocato nell'angolo superiore destro della finestra di Firefox.
Verrà visualizzato un menu secondario.
Il cursore del mouse si trasformerà in una grande lente di ingrandimento.
Il codice esadecimale del colore viene aggiornato in tempo reale mentre muovi il cursore del mouse sullo schermo. Quando avrai posizionato il cursore sul colore desiderato, premi il tasto sinistro del mouse per memorizzare il codice esadecimale corrispondente negli appunti di sistema.
Usa la combinazione di tasti Ctrl + V (su PC) o Command + V (su Mac) per incollare il codice esadecimale all'interno di un documento HTML o di un foglio di stile CSS o in qualsiasi altro file di testo.
Pubblicità

Consigli

Esistono anche altri siti web, estensioni per browser ed editor di immagini che permettono di risalire al codice esadecimale di un determinato colore visualizzato a video.
Se conosci la persona che ha creato la pagina web contenente il colore che hai intenzione di riprodurre, puoi contattarla direttamente per chiederle di inviarti il codice esadecimale corrispondente. In alternativa, puoi analizzare il codice sorgente della pagina per individuare tu stesso il codice esadecimale del colore in oggetto.