Firefox: come identificare un colore specifico in una pagina Web

Se sei un designer, probabilmente presti attenzione al design delle cose che usi, cercando ispirazione o idee che ti piacerebbe adottare. I siti Web non sono diversi e una delle parti chiave del design del sito Web è l'uso del colore. Se trovi un sito web con il colore perfetto per un progetto a cui stai lavorando o a cui stai pensando, probabilmente vorrai capire esattamente di che colore si tratta. Anche se potresti fare uno screenshot, aprirlo in un editor di immagini e poi guardare i valori RGB, questo processo è lento. Firefox ha in realtà uno strumento di selezione dei colori integrato in modo da poter risparmiare tempo e ottenere il valore esatto nel formato di colore HTML esadecimale utilizzato sul web.

Come usare il selettore di colori

Il selettore di colori di Firefox si trova nella barra degli strumenti dello sviluppatore. Per accedervi, fai clic sull'icona del menu dell'hamburger nell'angolo in alto a destra, quindi fai clic su "Sviluppatore Web" che si trova al quarto posto in basso.

Firefox: come identificare un colore specifico in una pagina Web

Fai clic sull'icona del menu dell'hamburger nell'angolo in alto a destra, quindi fai clic su "Sviluppatore web".

Nell'elenco degli strumenti per sviluppatori web, fai clic su "Contagocce" e lo strumento contagocce si aprirà.

Suggerimento: lo strumento contagocce non può essere spostato tra schede o finestre, quindi assicurati di aprirlo nella scheda in cui desideri utilizzarlo. Inoltre, non potrai scorrere la pagina, quindi assicurati di essere in il punto giusto della pagina. Anche se tecnicamente puoi ingrandire e rimpicciolire, ciò causerà la rottura del centraggio del selettore di colori, rendendo molto più difficile l'uso accurato.

Firefox: come identificare un colore specifico in una pagina Web

Nell'elenco degli strumenti per sviluppatori web, seleziona "Contagocce".

Lo strumento contagocce seguirà il tuo mouse attraverso la finestra, quindi sposta il quadrato centrale evidenziato sul colore che desideri selezionare. Il livello di zoom è abbastanza preciso da consentirti di vedere e scegliere facilmente il colore di un pixel specifico.

Il codice colore HTML del pixel viene visualizzato nella piccola casella sotto lo strumento di zoom ma verrà anche copiato negli appunti se fai clic sul colore che ti piace. Tieni presente che il clic chiuderà il selettore di colori, costringendoti a riaprirlo di nuovo se desideri selezionare più colori.

Firefox: come identificare un colore specifico in una pagina Web

Sposta il mouse sul pixel specifico di cui ti piace il colore, quindi annota il codice del colore HTML o fai clic per copiarlo negli appunti.



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.