Come identificare un colore specifico su unapp o un sito web

Immagina di scorrere le immagini e di trovare il colore perfetto: la tonalità esatta di cui hai bisogno per il tuo prossimo progetto di design. Ci sono alcuni fantastici strumenti su Internet per aiutarti a identificare colori specifici su qualsiasi app o sito web. Diamo un'occhiata ad alcune delle migliori opzioni di loro.

1. Utilizzo degli strumenti per sviluppatori sul browser Web Chrome

Un'opzione che puoi provare è lo strumento per sviluppatori Chrome. Chrome è dotato di molte funzioni utili per gli sviluppatori, che semplificano notevolmente le attività. Puoi utilizzare i seguenti passaggi per identificare colori specifici su qualsiasi app o sito web.

  • Apri il sito web su cui desideri identificare un colore sul browser web Chrome
  • Fai clic sull'icona a tre punti in alto a destra di Chrome. Apparirà un pop-up con una serie di opzioni.
  • Fare clic su "Altri strumenti", quindi selezionare "Strumenti per sviluppatori" dal popup risultante.
  • Usa Ctrl + Maiusc + I se vuoi saltare i passaggi precedenti
  • Ora la finestra si divide in due schermate: il sito Web a sinistra e il codice del sito Web a destra
  • Digita Ctrl + Maiusc + C sulla tastiera. Questo ti mostra tutti i dettagli di un particolare elemento sul sito web quando passiamo il cursore del mouse sugli elementi.
  • Puoi trovare il codice colore dell'elemento insieme ad altre informazioni utili.

Esempio

Supponiamo che tu sia interessato ai codici colore specifici per alcuni elementi sul seguente sito Web:

Come identificare un colore specifico su un'app o un sito web

Puoi scegliere gli strumenti per sviluppatori facendo clic sui tre punti nell'angolo dello schermo. Nel menu a discesa, seleziona Altri strumenti, quindi Strumenti per sviluppatori.

Come identificare un colore specifico su un'app o un sito web

Come identificare un colore specifico su un'app o un sito web

Lo schermo sarà diviso visivamente in due pagine. Vedrai il sito web a sinistra e il codice del sito a destra.

Come identificare un colore specifico su un'app o un sito web

Digita il comando e scorciatoia "Ctrl + Maiusc + C" e passa il cursore del mouse sugli elementi del sito web. Questo mostrerà il colore di quell'elemento, insieme ad altre informazioni utili. Di seguito sono riportati due esempi in cui troviamo il colore della barra di navigazione e una dashboard sotto lo strumento di ricerca.

Qui possiamo trovare il codice colore sul pop up per la barra di navigazione. Il codice colore è #333333.

Come identificare un colore specifico su un'app o un sito web

Il colore del cruscotto può essere trovato insieme ad altri dettagli utili. Colore: #333333, Colore di sfondo: #5D4A8E. Sebbene possa sembrare un po' intimidatorio all'inizio, il programma diventa molto più facile da usare con un po' di pratica.

2. Estensione Chrome contagocce

Eye Dropper è un'estensione di Chrome popolare e ampiamente utilizzata per aiutarti a trovare determinati colori su qualsiasi sito Web o app.

Come identificare un colore specifico su un'app o un sito web

Segui i passaggi seguenti per identificare colori specifici su un sito Web o un'app utilizzando lo strumento di estensione Eye Dropper.

  • Apri qualsiasi sito Web o app sul browser Web Chrome
  • Fare clic sull'icona dell'estensione del contagocce
  • Seleziona "Scegli colore dalla pagina web" e passa il cursore del mouse su diversi elementi dell'app o del sito web.

Come identificare un colore specifico su un'app o un sito web

Puoi trovare il codice colore degli elementi elencati in basso a destra della pagina web.

Esempio

Ok, usiamo lo strumento di estensione contagocce in un esempio di vita reale. Inizieremo aprendo un sito Web e premendo l'icona dell'estensione Eye Dropper

Come identificare un colore specifico su un'app o un sito web

Quando passi il cursore su vari elementi del sito web, puoi vedere i codici colore apparire in una sezione in basso a destra dello schermo.

Come identificare un colore specifico su un'app o un sito web

Quando passo il cursore sull'icona a forma di V, posso vedere il suo codice colore nella finestra in basso come menzionato. Il vantaggio di questo strumento è che puoi trovare anche il codice RGB insieme al codice colore esadecimale dell'elemento. Il metodo è flessibile da utilizzare per coloro che desiderano un modo semplice e veloce per acquisire i codici per i loro colori preferiti.



Leave a Comment

Chrome: questo file non può essere scaricato in modo sicuro

Chrome: questo file non può essere scaricato in modo sicuro

Scopri come risolvere l

Opera VPN non funziona? Prova queste soluzioni rapide

Opera VPN non funziona? Prova queste soluzioni rapide

Scopri come risolvere i problemi con Opera VPN, il servizio VPN gratuito incluso nel browser Opera. Seguendo queste soluzioni rapide, puoi ottimizzare la tua esperienza VPN.

Come controllare la cronologia delle attività di accesso a Gmail

Come controllare la cronologia delle attività di accesso a Gmail

Scopri come controllare la cronologia delle attività di accesso a Gmail per garantire la sicurezza del tuo account. Segui questi semplici passaggi e proteggi i tuoi dati.

Come impedire a YouTube di chiedere se si desidera continuare a guardare

Come impedire a YouTube di chiedere se si desidera continuare a guardare

Scopri come evitare che YouTube ti chieda di confermare se stai continuando a guardare, utilizzando estensioni efficaci per Chrome e Firefox.

Correggi YouTube: i nostri sistemi hanno rilevato traffico insolito

Correggi YouTube: i nostri sistemi hanno rilevato traffico insolito

Se YouTube ha rilevato traffico insolito dal mio computer, ciò potrebbe significare che il sistema sospetta che si tratti di traffico automatizzato. Scopri come risolvere questo problema.

Correzione: YouTube Kids non carica i video

Correzione: YouTube Kids non carica i video

Se YouTube Kids non riproduce alcun video, controlla la connessione, esci dal tuo account e svuota la cache. Trova soluzioni efficaci per risolvere questo problema.

Puoi disegnare un raggio su Google Maps?

Puoi disegnare un raggio su Google Maps?

Scopri se puoi disegnare un raggio su Google Maps e quali strumenti alternativi puoi utilizzare per calcolare la distanza intorno a una posizione.

Non riesci ad accedere a YouTube? Usa questi suggerimenti per risolvere il problema

Non riesci ad accedere a YouTube? Usa questi suggerimenti per risolvere il problema

Se non riesci ad accedere a YouTube, controlla se il tuo browser è responsabile di questo problema. Svuota la cache, disabilita le estensioni e segui i nostri suggerimenti per risolvere facilmente il problema.

Zoom: come configurare gli avvisi del lettore dello schermo

Zoom: come configurare gli avvisi del lettore dello schermo

Usare un computer quando sei ipovedente non è particolarmente facile. Scopri come configurare gli avvisi del lettore dello schermo in Zoom per facilitare l

Come proteggere con password i file su Google Drive?

Come proteggere con password i file su Google Drive?

Scopri come proteggere con password i tuoi file su Google Drive con questo metodo semplice e veloce.