I colori sono identificati in HTML e CSS dai loro codici esadecimali. Se stai creando una pagina web o un altro progetto HTML e desideri includere un elemento che corrisponda a un colore specifico in un'immagine, un sito web o una finestra sullo schermo del tuo computer, dovrai trovare il codice esadecimale del colore. Questo articolo spiega come utilizzare una varietà di strumenti gratuiti per identificare rapidamente il codice esadecimale di qualsiasi colore.
Passi
Metodo 1 di 4: utilizzo del misuratore di colore digitale su un Mac
Passaggio 1. Apri Digital Color Meter sul tuo Mac
Questo strumento, fornito con macOS, può identificare il valore del colore di qualsiasi colore sullo schermo. Apri Finder, fai doppio clic su Applicazioni cartella, fare doppio clic su Utilità cartella, quindi fare doppio clic Misuratore di colore digitale per aprirlo.
Passaggio 2. Spostare il cursore del mouse sul colore che si desidera identificare
Spostando il mouse, i valori nello strumento verranno aggiornati in tempo reale. Non spostare il mouse da questa posizione finché non si bloccano sia l'apertura orizzontale che quella verticale.
Puoi utilizzare lo strumento anche per identificare i colori sul Web. Basta aprire Safari (o il tuo browser preferito) e accedere a un sito Web che contiene il colore che desideri identificare
Passaggio 3. Premi ⌘ Comando+L
Questo blocca sia l'apertura orizzontale che quella verticale, il che significa che il valore del colore non cambierà quando muovi il mouse.
Passaggio 4. Premere ⇧ Maiusc+⌘ Comando+C per copiare il codice esadecimale negli appunti
Puoi anche copiare il codice esadecimale facendo clic su Colore menu e selezionando Copia colore come testo.
Passo 5. Premi ⌘ Command+V per incollare il codice copiato
Puoi incollarlo direttamente nel tuo codice HTML, in un file di testo o in qualsiasi altra area di digitazione.
Passaggio 6. Premi Command+L per sbloccare le aperture
Se vuoi identificare un altro colore, questo rilascia il blocco in modo che il cursore agisca ancora una volta come identificatore del valore del colore.
Metodo 2 di 4: utilizzo di Color Cop per Windows
Passaggio 1. Installa Color Cop
Color Cop è una piccola utility gratuita che puoi utilizzare per identificare rapidamente il codice esadecimale di qualsiasi colore sullo schermo. Ecco come ottenere l'app:
- Vai a https://colorcop.net/download in un browser web.
- Clic colorcop-setup.exe sotto "autoinstallante". Se il file non viene scaricato automaticamente, fare clic su Salva o ok per avviare il download.
- Fare doppio clic sul file scaricato (è nella Download cartella e di solito nell'angolo in basso a sinistra della scheda del browser).
- Segui le istruzioni sullo schermo per installare l'applicazione.
Passaggio 2. Apri Color Cop
Lo troverai nel menu Start.
Passaggio 3. Trascina l'icona del contagocce sul colore che desideri identificare
È possibile identificare qualsiasi colore sullo schermo, inclusi quelli di altre applicazioni e siti Web.
Passaggio 4. Rilascia il pulsante del mouse per visualizzare il codice esadecimale
Il codice apparirà nello spazio vuoto al centro dell'applicazione.
Passaggio 5. Fare doppio clic sul codice esadecimale e premere Ctrl+C
Questo copia il codice esadecimale negli appunti.
Passaggio 6. Incolla il codice dove ti serve
Puoi usare Ctrl + V per incollare il codice esadecimale ovunque desideri, ad esempio nel codice HTML o CSS.
Metodo 3 di 4: Utilizzo di Imagecolorpicker.com
Passaggio 1. Vai su https://imagecolorpicker.com sul tuo computer, telefono o tablet
Puoi utilizzare questo strumento gratuito per identificare il codice esadecimale di qualsiasi colore in un'immagine caricata. Questo metodo funzionerà in qualsiasi browser Web, inclusi quelli sul tuo Android, iPhone o iPad.
Passaggio 2. Carica un'immagine o inserisci un URL
Dovrai decidere se vuoi caricare la tua immagine o utilizzare un'immagine o un sito web già online. Entrambi i metodi possono essere utilizzati per visualizzare un'immagine o una pagina Web per selezionare il colore desiderato.
- Per caricare un'immagine, scorri verso il basso e seleziona Carica la tua immagine, vai all'immagine sul tuo computer, telefono o tablet e seleziona l'opzione per caricarla.
- Per utilizzare un sito Web, scorri verso il basso fino all'opzione "Usa questa casella per ottenere il codice colore HTML da un sito Web", inserisci l'URL, quindi fai clic o tocca Prendi il sito web.
- Per selezionare un'immagine diretta sul Web invece di un intero sito Web, inserisci l'URL dell'immagine nella casella "Utilizza questa casella per ottenere il codice colore HTML da un'immagine tramite questo URL", quindi fai clic o tocca Scatta immagine.
Passaggio 3. Fare clic o toccare il colore desiderato nell'anteprima dell'immagine/del sito
Questo visualizza il codice esadecimale del colore nell'angolo in basso a sinistra dello schermo.
Passaggio 4. Fare clic o toccare l'icona della copia per copiare il codice esadecimale negli appunti
Sono i due quadrati sovrapposti a destra del codice esadecimale. Puoi quindi incollarlo in qualsiasi file di testo o area di digitazione.
Metodo 4 di 4: Utilizzo di Firefox (per i colori sul Web)
Passaggio 1. Apri Firefox sul tuo PC o Mac
Il browser web Firefox viene fornito con uno strumento Eyedropper gratuito che puoi utilizzare per identificare il codice esadecimale di qualsiasi colore sul web. Se hai Firefox, lo troverai nel menu Start (Windows) o nella cartella Applicazioni (macOS).
- Puoi scaricare Firefox gratuitamente all'indirizzo
- Firefox ti dirà solo il valore di un colore su un sito web. Non puoi usarlo al di fuori del browser.
Passaggio 2. Vai a un sito Web che contiene il colore che desideri identificare
Assicurati che l'elemento per cui hai bisogno del colore sia visibile.
Passaggio 3. Fare clic sul menu ☰
Sono le tre linee orizzontali nell'angolo in alto a destra di Firefox.
Passaggio 4. Fare clic sul menu Sviluppatore Web
Un altro menu si espanderà.
Passaggio 5. Fare clic su Contagocce
Il cursore del mouse si trasformerà in un grande cerchio.
Passaggio 6. Fare clic sul colore che si desidera identificare
Noterai che il valore esadecimale dei colori si aggiorna dal vivo mentre muovi il mouse nella posizione. Dopo aver fatto clic con il mouse, Firefox salverà il codice esadecimale negli appunti.
Passaggio 7. Incolla il codice dove ti serve
Puoi usare Ctrl + V (PC) o Comando + V (Mac) per incollare il codice esadecimale nel tuo HTML, CSS o qualsiasi altro tipo di file di testo.
Suggerimenti
- Esistono altri siti Web, estensioni del browser e programmi di modifica delle immagini che ti permetteranno anche di utilizzare un selettore di colori per rivelare anche il codice esadecimale della tonalità.
- Se sai chi ha creato la pagina web con il colore che stai cercando di abbinare, puoi sempre chiedere loro quale codice esadecimale hanno usato. In alternativa, puoi scavare nel codice sorgente del sito Web per trovare il codice esadecimale elencato lì.
