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

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.