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

Come forzare Google Chrome a mostrare sempre gli URL completi

Come forzare Google Chrome a mostrare sempre gli URL completi

Chrome, per impostazione predefinita, non mostra l'URL completo. Potresti non preoccuparti troppo di questo dettaglio, ma se per qualche motivo hai bisogno che venga visualizzato l'URL completo, istruzioni dettagliate su come fare in modo che Google Chrome visualizzi l'URL completo nella barra degli indirizzi.

Come ripristinare il vecchio Reddit

Come ripristinare il vecchio Reddit

Reddit ha cambiato nuovamente il design nel gennaio 2024. La riprogettazione può essere vista dagli utenti del browser desktop e restringe il feed principale fornendo collegamenti

Come copiare contenuti dai libri di testo con Google Lens

Come copiare contenuti dai libri di testo con Google Lens

Digitare la tua citazione preferita dal tuo libro su Facebook richiede tempo ed è pieno di errori. Scopri come utilizzare Google Lens per copiare testo dai libri sui tuoi dispositivi.

Impossibile trovare lindirizzo DNS del server corretto in Chrome

Impossibile trovare lindirizzo DNS del server corretto in Chrome

A volte, quando lavori su Chrome, non puoi accedere a determinati siti Web e viene visualizzato un errore "Impossibile trovare l'indirizzo DNS del server di correzione in Chrome". Ecco come puoi risolvere il problema.

Guida rapida su come creare promemoria su Google Home

Guida rapida su come creare promemoria su Google Home

I promemoria sono sempre stati il ​​punto forte di Google Home. Sicuramente ci semplificano la vita. Facciamo un breve tour su come creare promemoria su Google Home per non perdere mai di occuparti di commissioni importanti.

Netflix: cambia password

Netflix: cambia password

Come cambiare la password sul servizio di video in streaming Netflix utilizzando il browser preferito o l'app Android.

Come disabilitare il prompt di ripristino delle pagine in Microsoft Edge

Come disabilitare il prompt di ripristino delle pagine in Microsoft Edge

Se vuoi eliminare il messaggio Ripristina pagine su Microsoft Edge, chiudi semplicemente il browser o premi il tasto Esc.

Le 10 migliori alternative a Google Voice nel 2023

Le 10 migliori alternative a Google Voice nel 2023

Cerchi un'alternativa affidabile a Google Voice per le telefonate? Scopri le migliori alternative di chiamata VoIP a Google Voice.

Cosè un cappello nero?

Cosè un cappello nero?

Un cappello nero è un hacker che vittimizza le persone e infrange la legge. Continua a leggere per saperne di più sull'argomento.

Cosè un criminale informatico?

Cosè un criminale informatico?

Non sei sicuro di cosa sia un criminale informatico? Un criminale informatico è un criminale che commette reati principalmente utilizzando sistemi informatici.