Contenuto

• Al passo
• Metodo 1 di 4: utilizzo del misuratore di colore digitale su un Mac
• Metodo 2 di 4: utilizzo di Color Cop per Windows
• Metodo 3 di 4: utilizzo di Imagecolorpicker.com
• Metodo 4 di 4: utilizzo di Firefox (per colorare sul Web)
• Suggerimenti

I colori si distinguono in HTML e CSS dai loro codici esadecimali. Se stai creando una pagina web o stai lavorando su un altro progetto HTML e desideri includere un elemento che corrisponde a un colore specifico in un'immagine, sito web o finestra sullo schermo del tuo computer, devi trovare il codice esadecimale per il colore. Questo articolo mostra come utilizzare una varietà di strumenti gratuiti per trovare rapidamente il codice esadecimale di qualsiasi colore.

Al passo

Metodo 1 di 4: utilizzo del misuratore di colore digitale su un Mac

1. Apri il misuratore di colore digitale sul tuo Mac. Questo strumento fa parte di macOS, può distinguere il valore del colore di qualsiasi colore sullo schermo. Apri Finder, fai doppio clic sulla cartella Programmi, fare doppio clic sulla cartella Utilità quindi fare doppio clic Misuratore di colore digitale per aprirlo.
2. Spostare il cursore del mouse sul colore di cui si desidera trovare il codice esadecimale. Quando muovi il mouse, i valori nello strumento vengono aggiornati in tempo reale. Non spostare il mouse da questa posizione finché non si bloccano le aperture orizzontali e verticali.
   • Puoi anche utilizzare lo strumento per riconoscere i colori sul web. Apri un browser come Safari (o un altro browser) e vai su un sito Web con il colore che desideri riconoscere.
3. stampa ⌘ Comando+L.. Questo blocca gli spazi sia orizzontali che verticali, il che significa che il valore del colore non cambia quando muovi il mouse.
4. stampa ⇧ Shift+⌘ Comando+C. per copiare il codice esadecimale negli appunti. Puoi anche copiare il codice esadecimale facendo clic su Coloremenu e facendo clic su Copia il colore come testo selezionare.
5. stampa ⌘ Comando+V. per incollare il codice copiato. Puoi incollare il codice direttamente nel tuo codice HTML, in un file di testo o altrove dove puoi inserire il testo.
6. stampa ⌘ Comando+L. per sbloccare il color finder. Se vuoi determinare un colore diverso, questo rilascia il blocco in modo che il cursore funzioni di nuovo come un rilevatore di valori di colore.

Metodo 2 di 4: utilizzo di Color Cop per Windows

1. Installa Color Cop. Color Cop è una piccola utility gratuita che puoi utilizzare per scoprire rapidamente il codice esadecimale di qualsiasi colore sullo schermo. Ottieni questa app come segue:
   • Vai a http://colorcop.net/download in un browser web.
   • clicca su 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 (si trova nella cartella Download e di solito in basso a sinistra nella scheda del browser).
   • Segui le istruzioni sullo schermo per installare l'applicazione.
2. Apri Color Cop. Puoi trovarlo nel menu Start.
3. Trascina il contagocce sul colore che desideri identificare. È possibile identificare qualsiasi colore sullo schermo, inclusi quelli in altre applicazioni e sui siti Web.
4. Rilascia il pulsante del mouse per visualizzare il codice esadecimale. Il codice apparirà al centro del programma nello spazio vuoto.
5. Fare doppio clic sul codice esadecimale e premere Ctrl+C.. Questo copia il codice esadecimale negli appunti.
6. Incolla il codice dove ti serve. Puoi Ctrl + V utilizzare per incollare il codice esadecimale dove si desidera, ad esempio nel codice HTML o CSS.

Metodo 3 di 4: utilizzo di Imagecolorpicker.com

1. Vai a https://imagecolorpicker.com sul tuo computer, telefono o tablet. Puoi utilizzare questo strumento gratuito per determinare il codice esadecimale di qualsiasi colore in un'immagine caricata. Questo metodo funziona con qualsiasi browser web, inclusi quelli su Android, iPhone o iPad.
2. Carica un'immagine o inserisci un URL. Dovrai decidere se caricare la tua immagine o se utilizzare un'immagine o un sito web online. Entrambi i metodi possono essere utilizzati per visualizzare un'immagine o una pagina Web, consentendo di selezionare il colore desiderato.
   • Per caricare un'immagine, scorri verso il basso e seleziona Carica la tua immagine, quindi 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 di un sito web", inserisci l'URL e quindi fai clic o tocca il pulsante Prendi il sito web per selezionare il sito web.
   • Per selezionare un'immagine diretta sul Web anziché un intero sito Web, inserisci l'URL dell'immagine nella casella "Utilizza questa casella per ottenere il codice colore HTML di un'immagine da questo URL" e fai clic o tocca Scatta un'immagine.
3. Fare clic o toccare il colore desiderato nell'anteprima dell'immagine / del sito. Questo visualizzerà il codice esadecimale del colore nell'angolo inferiore sinistro dello schermo.
4. Fare clic o toccare l'icona di copia (i due quadrati sovrapposti a destra del codice esadecimale) per copiare il codice esadecimale negli appunti. È quindi possibile incollarlo in qualsiasi file di testo o area di testo.

Metodo 4 di 4: utilizzo di Firefox (per colorare sul Web)

1. Apri Firefox sul tuo PC o Mac. Il browser Web Firefox viene fornito con uno strumento gratuito che puoi utilizzare per identificare il codice esadecimale di qualsiasi colore sul web. Se hai installato Firefox, puoi trovarlo nel menu Start (Windows) o nella cartella Applicazioni (macOS).
   • Puoi scaricare Firefox gratuitamente da https://www.mozilla.org/en-US/firefox.
   • Firefox restituisce solo il valore di un colore su un sito web. Non è possibile utilizzare lo strumento al di fuori del browser.
2. Vai a un sito Web che contiene il colore che desideri determinare. Assicurati che l'elemento per il quale hai bisogno del colore sia visibile.
3. Fare clic sul menu ☰. Sono le tre linee orizzontali nell'angolo in alto a destra di Firefox.
4. Cliccaci sopra sviluppatore web-menù. Un altro menu è in fase di ampliamento.
5. Clicca sul pipetta. Il cursore del mouse si trasformerà in un grande cerchio.
6. Fare clic sul colore che si desidera determinare. Il valore esadecimale dei colori verrà aggiornato immediatamente quando sposti il ​​mouse nella posizione. Non appena fai clic con il mouse, Firefox salverà il codice esadecimale negli appunti.
7. Incolla il codice dove ti serve. Puoi Ctrl + V utilizzare (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 consentono anche di utilizzare un selettore di colori per determinare il codice esadecimale del colore.
• Se sai chi sono i creatori della pagina web con il colore che stai cercando di trovare, puoi sempre chiedere quale codice esadecimale hanno usato. Puoi anche cercare il codice sorgente del sito web per trovare il codice esadecimale elencato lì.